javascript - 使用 jQuery UI 模态对话框作为确认

Question

有没有一种方法可以使用基于 jQuery UI 的模式对话框而不是普通的 JS confirm() 进行确认？我希望能够做类似的事情:

if (jquery_ui_confirm('Are you sure?')) {
    // do something
}

提前致谢。

Answer 1

var jqConfirm = function(msg, success) {
    var dialogObj = $("<div style='display:none'>"+msg+"</div>");
    $("body").append(dialogObj);
    $(dialogObj).dialog({
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "OK": function() {
         success();
          $( this ).dialog( "close" );
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      }
    });
  };

调用这个函数使用

jqConfirm("This will delete all records", function(){ /*do something here */});