如何删除jQueryUI创建的对话框上的关闭按钮(右上角的X)?
当前回答
我最终发现这是有效的(请注意,第三行覆盖了打开的函数,该函数查找按钮并隐藏它):
$("#div2").dialog({
closeOnEscape: false,
open: function(event, ui) {
$(".ui-dialog-titlebar-close", ui.dialog || ui).hide();
}
});
要隐藏所有对话框上的关闭按钮,也可以使用以下CSS:
.ui-dialog-titlebar-close {
visibility: hidden;
}
其他回答
http://jsfiddle.net/marcosfromero/aWyNn/
$('#yourdiv'). // Get your box ...
dialog(). // ... and turn it into dialog (autoOpen: false also works)
prev('.ui-dialog-titlebar'). // Get title bar,...
find('a'). // ... then get the X close button ...
hide(); // ... and hide it
您也可以删除标题行:
<div data role=“header”></分区>
其移除关闭按钮。
我是单行本的粉丝(他们在哪里工作!)。以下是对我有效的方法:
$("#dialog").siblings(".ui-dialog-titlebar").find(".ui-dialog-titlebar-close").hide();
对于停用类,短代码:
$(".ui-dialog-titlebar-close").hide();
可以使用。
由于我发现我在应用程序的几个地方都在做这件事,所以我把它包装在一个插件中:
(function ($) {
$.fn.dialogNoClose = function () {
return this.each(function () {
// hide the close button and prevent ESC key from closing
$(this).closest(".ui-dialog").find(".ui-dialog-titlebar-close").hide();
$(this).dialog("option", "closeOnEscape", false);
});
};
})(jQuery)
用法示例:
$("#dialog").dialog({ /* lots of options */ }).dialogNoClose();