Jquery UI 对话框使不可关闭

Posted 2023-05-08

【中文标题】Jquery UI 对话框使不可关闭

【英文标题】：Jquery UI Dialog make not closable

【发布时间】：2017-06-29 01:32:26

【问题描述】：

我想在单击某个按钮时关闭。单击转义或关闭图标时，我不想关闭。我该怎么做 ？我想喜欢这个

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

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

【问题讨论】：

欢迎来到 Stack Overflow。请提供更完整的示例。你都尝试了些什么。你是如何创建对话框的？您已经在使用哪些选项？例如closeOnEscape: false，查看更多：api.jqueryui.com/dialog

【参考方案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.