我怎样才能摆脱jQuery模式对话框上的关闭按钮答案

【问题标题】：how can i get rid of the close button on a jquery modal dialog box我怎样才能摆脱jQuery模式对话框上的关闭按钮
【发布时间】：2013-08-21 20:02:51
【问题描述】：

我想要一个 jquery 模态对话框，它有一个按钮会说“是”并关闭对话框。有没有办法隐藏/关闭默认的“关闭”按钮，或者我应该使用另一个 jquery 元素，比如弹出面板？此代码添加了是按钮但不关闭关闭按钮：

$(document).ready(function(){
    $("#dialog-message").dialog({
        modal:true,
        buttons: {
        "Yes": function() {
          $( this ).dialog( "close" );
        },
    }
    });

});

【问题讨论】：

标签： jquery jquery-ui dialog modal-dialog

【解决方案1】：

您可以使用 CSS 隐藏它：

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

或者你可以像这样初始化对话框：

$("#dialog-message").dialog({
    modal:true,
    buttons: {
        "Yes": function() {
            $( this ).dialog( "close" );
        }
    }
}).dialog("widget").find(".ui-dialog-titlebar-close").hide(); // find and hide the button right after creating the modal

另外，IE 不喜欢对象最后一个属性后面的逗号，所以删除它。

【讨论】：

【解决方案2】：

CSS

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

jQuery:

$(".ui-dialog-titlebar-close").remove();

只要你用“ui-dialog-titlebar-close”类来抓取项目就可以了

【讨论】：

我在哪里放 $(".ui-dialog-titlebar-close").remove();
在您致电$("#dialog-message").dialog() 之后就应该这样做。
这是在 chrome 中抛出“意外令牌” $("#dialog-message").dialog({ $(".ui-dialog-titlebar-close").remove();跨度>
@akh2103 在 call 之后，而不是在那一行之后。通话以第一行 }); 结束。放在后面。

【解决方案3】：

添加 CSS 规则：

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

jsFiddle example

【讨论】：