JQuery的確認對話框

Question

可能重複：
Yes or No confirm box using jQuery

我在這裏看到了很多例子關於替代jQuerys標準的確認對話框，但不明白任何人。

如果我想用jQuery或jQueryUI彈出確認對話框。我怎麼做，並檢索用戶點擊了什麼按鈕？

當然，必須有一個簡單的方法來設置確認對話框，如alert("Something!");命令。

向它添加兩個按鈕並在yes或no上設置回撥功能？

Answer 1

試試這個

$('<div></div>').appendTo('body') 
    .html('<div><h6>Yes or No?</h6></div>') 
    .dialog({ 
     modal: true, title: 'message', zIndex: 10000, autoOpen: true, 
     width: 'auto', resizable: false, 
     buttons: { 
      Yes: function() { 
       doFunctionForYes(); 
       $(this).dialog("close"); 
      }, 
      No: function() { 
       doFunctionForNo(); 
       $(this).dialog("close"); 
      } 
     }, 
     close: function (event, ui) { 
      $(this).remove(); 
     } 
}); 

Fiddle

Answer 2

您可以使用jQuery UI，並完成類似this

HTML：

<button id="callConfirm">Confirm!</button> 

<div id="dialog" title="Confirmation Required"> 
  Are you sure about this? 
</div>​ 

的Javascript：

$("#dialog").dialog({ 
    autoOpen: false, 
    modal: true, 
    buttons : { 
     "Confirm" : function() { 
      alert("You have confirmed!");    
     }, 
     "Cancel" : function() { 
      $(this).dialog("close"); 
     } 
     } 
    }); 

$("#callConfirm").on("click", function(e) { 
    e.preventDefault(); 
    $("#dialog").dialog("open"); 
}); 

Answer 3

您是否嘗試過使用official JQueryUI implementation（不僅是jQuery的）：