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

187 阅读 0 评论 124 点赞

我是靠谱客的博主粗心日记本，最近开发中收集的这篇文章主要介绍js Dialog 去掉右上角的X关闭功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

再用到 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(); （我用过了也不好用）