如何摆脱jquery模式对话框上的关闭按钮

如何摆脱jquery模式对话框上的关闭按钮,jquery,jquery-ui,dialog,modal-dialog,Jquery,Jquery Ui,Dialog,Modal Dialog,我希望有一个jquery模式对话框,其中有一个按钮会说“是”,然后关闭对话框。有没有办法隐藏/关闭默认的“关闭”按钮,或者我应该使用另一个jquery元素,比如弹出面板?此代码添加“是”按钮,但不关闭“关闭”按钮: $(document).ready(function(){ $("#dialog-message").dialog({ modal:true, buttons: { "Yes": function() { $

我希望有一个jquery模式对话框,其中有一个按钮会说“是”,然后关闭对话框。有没有办法隐藏/关闭默认的“关闭”按钮,或者我应该使用另一个jquery元素,比如弹出面板?此代码添加“是”按钮,但不关闭“关闭”按钮:

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

});

您可以使用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不喜欢对象最后一个属性后面的逗号,因此请将其删除。

添加CSS规则:

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

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在调用之后,而不是在那一行之后。调用以第一行
]结束。放在后面。