如何删除jQueryUI创建的对话框上的关闭按钮(右上角的X)?
当前回答
如官方页面所示,David建议:
创建样式:
.no-close .ui-dialog-titlebar-close {
display: none;
}
然后,您可以简单地将no close类添加到任何对话框中,以隐藏其关闭按钮:
$( "#dialog" ).dialog({
dialogClass: "no-close",
buttons: [{
text: "OK",
click: function() {
$( this ).dialog( "close" );
}
}]
});
其他回答
我觉得这样更好。
open: function(event, ui) {
$(this).closest('.ui-dialog').find('.ui-dialog-titlebar-close').hide();
}
如官方页面所示,David建议:
创建样式:
.no-close .ui-dialog-titlebar-close {
display: none;
}
然后,您可以简单地将no close类添加到任何对话框中,以隐藏其关闭按钮:
$( "#dialog" ).dialog({
dialogClass: "no-close",
buttons: [{
text: "OK",
click: function() {
$( this ).dialog( "close" );
}
}]
});
隐藏按钮的最佳方法是使用其数据图标属性对其进行过滤:
$('#dialog-id [data-icon="delete"]').hide();
罗伯特·麦克莱恩的回答对我不起作用。
然而,这对我来说确实有效:
$("#div").dialog({
open: function() { $(".ui-dialog-titlebar-close").hide(); }
});
对于停用类,短代码:
$(".ui-dialog-titlebar-close").hide();
可以使用。
推荐文章
- 如何嵌入HTML到IPython输出?
- 如何删除/忽略:悬停css风格的触摸设备
- HTML5文本区域占位符不出现
- 添加javascript选项选择
- 为iPad和iPhone设计输入按钮
- HTML tabindex属性是什么?
- 我如何捕捉Ajax查询后错误?
- HTML按钮调用MVC控制器和动作方法
- jQuery:什么是限制“数字”仅输入文本框的最佳方法?(允许使用小数点)
- 在window.setTimeout()发生之前取消/终止
- Div高度100%,并扩展到适合内容
- 当鼠标经过表中的一行时,将光标更改为手
- HTML实体中间的点
- 检测当用户滚动到底部的div与jQuery
- 使用:before和:after CSS选择器插入HTML