Question

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

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

});

Answer 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不喜欢对象的最后一个属性后的逗号，所以删除它。

Answer 2

添加CSS规则：

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

<强> jsFiddle example

Answer 3

CSS

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

jQuery的：

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

使用“ui-dialog-titlebar-close”类获取项目所需要做的任何事情

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

3 个答案: