js Dialog 去掉右上角的X关闭功能
内容摘要
再用到 dialog弹出框时,不想要右上角的X 关闭功能,只是做个提示信息显示。
在网上找了一些资料。网上找了三种解决方案:【第一种是可用的。】
1、 复制代码 代码如下: $("#
在网上找了一些资料。网上找了三种解决方案:【第一种是可用的。】
1、 复制代码 代码如下: $("#
文章正文
再用到 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(); (我用过了也不好用)
代码注释