如何删除jQueryUI创建的对话框上的关闭按钮(右上角的X)?
当前回答
我捕捉对话框的关闭事件。然后,此代码删除<div>(#dhx_combo_list):
open: function(event, ui) {
//hide close button.
$(this).parent().children().children('.ui-dialog-titlebar-close').click(function(){
$("#dhx_combo_list").remove();
});
},
其他回答
对于停用类,短代码:
$(".ui-dialog-titlebar-close").hide();
可以使用。
对于多个对话框,“最佳”答案并不好。这里有一个更好的解决方案。
open: function(event, ui) {
//hide close button.
$(this).parent().children().children('.ui-dialog-titlebar-close').hide();
},
我觉得这样更好。
open: function(event, ui) {
$(this).closest('.ui-dialog').find('.ui-dialog-titlebar-close').hide();
}
您也可以删除标题行:
<div data role=“header”></分区>
其移除关闭按钮。
document.querySelector('.ui-dialog-titlebar-close').style.display = 'none'