Jquery UI 对话框无法关闭

Question

我想在单击某个按钮时关闭。单击退出或关闭图标时，我不想关闭。我该怎么做 ？我想要这个

$("#BtnOpen").click(function(){
$("#MyDialog").dialog("open");
});

$("#BtnClose").click(function(){
$("#MyDialog").dialog("close");
});

Answer 1

jQuery UI 的对话框允许您禁用退出时关闭功能，要避免关闭默认按钮，只需将其隐藏在 CSS 中即可.

JS：

$( function() {
    $( "#MyDialog" ).dialog({
      closeOnEscape: false,
      closeText: "hide",
      autoOpen: false
    });

    $("#BtnOpen").click(function(){
        $( "#MyDialog" ).dialog("open");
    });

    $("#BtnClose").click(function(){
        $( "#MyDialog" ).dialog("close");
    });
});

CSS:

.ui-dialog-titlebar-close {
    display: none;
}

JSFiddle here.