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。