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）：？

JQuery确认对话框

3 个答案: