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

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示例

Answer 3

CSS

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

jQuery的：

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

只需执行“ ui-dialog-titlebar-close”类即可获取该项目