jQuery：如何打開對話框窗口

-2

我在我的網頁上有一個按鈕;我的期望是當我點擊按鈕時，它會提示一個對話窗口;在對話窗口中，它具有是/否按鈕;如果我點擊是，它會打開一個新的頁面（由PHP創建）;如果我點擊否，我會留在舊頁面上。我怎樣才能做到這一點？jQuery：如何打開對話框窗口

<input type="button" name="terminate" value="terminate" id="terminate" title="Terminate" onclick="terminateIt();"/>

來源

2011-12-06 Gary

看看jQuery對話框 - 它是jQuery UI庫的一部分。 –

不確定爲什麼這是一個jQuery問題。聽起來就像你想要使用onclick內聯事件處理程序彈出'確認對話框'。純粹的（即使不是特別好）JavaScript！ –

在谷歌搜索，如何創建對話窗口。有很多回答你的問題。 –

有無數的方法來做到這一點。

可能最常用的方法是使用jQuery UI's Dialog。

他們有一個演示兩個按鈕對話框的例子。下面是一個從演示剪斷：

HTML：

<div id="dialog-confirm" title="Empty the recycle bin?"> 
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Your question goes here. Are you sure?</p> 
</div>

JS：

$("#dialog-confirm").dialog({ 
     resizable: false, 
     height:140, 
     modal: true, 
     buttons: { 
      Yes: function() { 
       window.open(....); 
       $(this).dialog("close"); 
      }, 
      No: function() { 
       $(this).dialog("close"); 
      } 
     } 
    });

退房整個jQuery用戶界面庫。好東西很容易做一些基本的事情。

來源

2011-12-06 05:05:31 Steve

非常感謝！我將看看jQuery UI對話框！ – Gary

@加里 - 你很受歡迎。順便說一句，看起來你是新來的堆棧溢出...如果你最喜歡我的回答，我會非常感激，如果你檢查上下投票按鈕下的小綠色複選框 - 這將標記爲「接受」的答案。你可能想回去爲其他3個問題做這件事。乾杯！！ – Steve

我不明白他爲什麼需要使用jQuery UI（它也需要jQuery，介意你）才能做到這麼簡單... – Purag

function terminateIt(){ 
    var r = confirm("Go to new page?"); 
    if(r == true){ 
     // redirect stuff here 
    } else { 
     // non redirect stuff here 
    } 
}

來源

2011-12-06 05:06:59 Purag

這就是我想要的！大！謝謝！ – Gary

@Gary - Purmou的回答同樣的評論......如果你喜歡它，接受它！玩的開心！ – Steve

jQuery：如何打開對話框窗口

回答

相關問題