如何删除jQuery UI对话框上的关闭按钮？
如何删除由jQuery UI创建的对话框中的关闭按钮（右上角的X ）？
我发现这个工作到最后（注意第三行覆盖open函数，它找到了按钮并隐藏它）：
$("#div2").dialog({
closeOnEscape: false,
open: function(event, ui) {
$(".ui-dialog-titlebar-close", ui.dialog | ui).hide();
}
});
要隐藏所有对话框上的关闭按钮，您也可以使用以下CSS：
.ui-dialog-titlebar-close {
visibility: hidden;
}
这是另一种选择，只是使用CSS不会超过页面上的每个对话框。
CSS
.no-close .ui-dialog-titlebar-close {display: none }
HTML
<div class="selector" title="No close button">
This is a test without a close button
</div>
Javascript。
$( ".selector" ).dialog({ dialogClass: 'no-close' });
工作示例
“最佳”答案不适合多个对话。 这是一个更好的解决方案。
open: function(event, ui) {
//hide close button.
$(this).parent().children().children('.ui-dialog-titlebar-close').hide();
},