如何关闭jQuery UI的Dialog？

Question

    var error = 1;
    $(document).on('click', '.ui-icon-closethick', function(event){
        if(error == 1){
           alert('error');
           event.preventDefault();
           event.stopPropagation();
           return false;
        } 
    })

如何关闭jQuery UI的Dialog？现在如果我点击关闭按钮(x)然后我有警报错误,但对话框正在关闭.

现场演示

Answer 1

您可以将该beforeClose选项添加到对话框并在其上返回false:

$("#dialog").dialog({
   beforeClose: function(){
     return false;
   }
});

演示:http://jsfiddle.net/UfpHz/9/

Answer 2

那你可以通过删除关闭按钮来做到这一点.

$("#YOUR_DIALOG_DOM_ID").dialog({
   closeOnEscape: false,
   open: function(event, ui)
   {
      $(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
   }
});