js Dialog 去掉右上角的 'X' 功能

本文介绍了如何在使用jQuery UI的Dialog插件时,禁用默认的右上角关闭按钮功能,实现仅作为提示信息显示的对话框。提供了一种有效的方法,并说明了另外两种尝试过但无效的方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

再用到 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
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值