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

2019-11-20 20:47:45

字体：大中小

来源：转载

供稿：网友

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

上一篇：js通过更改按钮的显示样式实现按钮的滑动效果

下一篇：Jquery实现Div上下移动示例