js Dialog 去掉右上角的X关闭功能
(编辑：jimmy 日期: 2026/3/26 浏览：3 次 )
再用到 dialog弹出框时，不想要右上角的X 关闭功能，只是做个提示信息显示。
在网上找了一些资料。网上找了三种解决方案：【第一种是可用的。】
1、
复制代码 代码如下:
$("#div1").dialog({
closeOnEscape:false,
open:function(event,ui){$(".ui-dialog-titlebar-close").hide();}
});
不希望用户通过jquery dialog 提供的x按钮关闭弹出框，这种方法的作用就是除非我提供了关闭按钮，不然是没办法关掉这个对话框的。
2、dialog 中 添加 dialogClass:"no-close" ---------------屏蔽掉右上角的X功能 （我用过了不好用）
3、找到 dialog 弹出框后找到 "x" 的样式，隐藏掉 -------$(".ui-log").hide(); （我用过了也不好用）
在网上找了一些资料。网上找了三种解决方案：【第一种是可用的。】
1、
复制代码 代码如下:
$("#div1").dialog({
closeOnEscape:false,
open:function(event,ui){$(".ui-dialog-titlebar-close").hide();}
});
不希望用户通过jquery dialog 提供的x按钮关闭弹出框，这种方法的作用就是除非我提供了关闭按钮，不然是没办法关掉这个对话框的。
2、dialog 中 添加 dialogClass:"no-close" ---------------屏蔽掉右上角的X功能 （我用过了不好用）
3、找到 dialog 弹出框后找到 "x" 的样式，隐藏掉 -------$(".ui-log").hide(); （我用过了也不好用）
下一篇：Jquery实现Div上下移动示例