js Dialog 去掉右上角的X关闭功能

前端技术 2023/09/09 JavaScript
再用到 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(); (我用过了也不好用)

本文地址:https://www.stayed.cn/item/25665

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。