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

(0)

相关推荐

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

    再用到 dialog弹出框时,不想要右上角的X 关闭功能,只是做个提示信息显示. 在网上找了一些资料.网上找了三种解决方案:[第一种是可用的.] 1. 复制代码 代码如下: $("#div1").dialog({ closeOnEscape:false, open:function(event,ui){$(".ui-dialog-titlebar-close").hide();} }); 不希望用户通过jquery dialog 提供的x按钮关闭弹出框,这种方法的作

  • JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码

    本文实例讲述了JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码.分享给大家供大家参考.具体如下: 这是一款阿里妈妈网站顶部banner代码,采用滑出的方式,一个经典的工具条代码,可以当作菜单来用,同时还有完善的功能,可以适时关闭工具条,整体效果设计美观,简洁漂亮. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-top-float-banner-alimama-style-codes/ 具体代码如下: <!DOCTYPE ht

  • js实现跟随鼠标移动且带关闭功能的图片广告实例

    本文实例讲述了js实现跟随鼠标移动且带关闭功能的图片广告.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

  • js实现仿MSN带关闭功能的右下角弹窗代码

    本文实例讲述了js实现仿MSN带关闭功能的右下角弹窗代码.分享给大家供大家参考.具体如下: 这是一款非常精致漂亮的仿MSN右下角弹出窗口,带关闭功能,直接复制代码就管用.演示要用到几个小图片,运行的时候点击右键保存一下,这里提供一种思路,并不完全局限于此种方法,熟能生巧. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-msn-close-able-adv-codes/ 具体代码如下: <HTML> <HEAD> &l

  • JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例

    本文实例讲述了JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能.分享给大家供大家参考,具体如下: HTML部分: <div id="div">点击除开div的区域可以弹出弹窗</div> <div id="cover"></div> <div id="box">点击除开div和弹窗的区域可以关闭弹窗</div> CSS部分: #div{ /*设置z-index属性必须设置

  • JS实现移动端在线签协议功能

    在一个风和日丽的下午,刚准备下班,突然接到需求说要做一个在线签协议功能,当时心里想着不就百度一顿拷贝就完事了吗(因为我没用过canvas,所谓初生牛犊不怕虎 ),谁知做起来如此吃力,下面就来记录下历程. 协议模板 分析 如上图,需要做的就是做一个签字板可以在上面写字,写完后点击完成可以生成如上图的图片所示,把签好的字放到指定的位置. 做这个第一反应肯定就是使用canvas绘制路径 我的思路是: 一个字一个字写,每写一个字点一下记录,最后拼接,但想到用户体验问题就pass了这个思路. 最后的思路:

  • syntaxhighlighter 去掉右上角问号图标的三种方法

    使用免费产品就有帮它宣传的义务,所以,在使用该工具时,会自动显示一个帮助图标,点击它会提示访问官方网站并呼吁捐款,付费后可以去掉该图标. syntaxhighlighter 官方的做法无可非议,不过如果我们想取消这个看起来比较碍眼的图标,又不想付费,那有什么办法呢?如下是我获知的三种方法: 方法一 在网页前面,通常是在<head></head>里加上如下代码: <script type="text/javascript">SyntaxHighligh

  • jQuery、layer实现弹出层的打开、关闭功能

    打开弹出层: 在list页面带入layer.js 在list页面点击时,弹出form弹出层,list.js: $(".add_category,.update").click(function(){ //弹出框 var doMain = $('.domain_name').val(); layer.open({ shade: [0.5, '#000', false], type: 2, area: ['900px', '530px'], fix: false, //不固定 maxmin

  • JS实现可拖曳、可关闭的弹窗效果

    本文实例讲述了JS实现可拖曳.可关闭的弹窗效果.分享给大家供大家参考.具体如下: 运行该实例,点击文字,弹出一个窗口,其实是一个弹出层,这个弹出层可以随鼠标拖曳,另外,示例演示了用本方法弹出文字层和弹出图片层的具体代码,请根据选择使用哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-draw-close-able-alert-dlg-demo/ 具体代码如下: <!DOCTYPE HTML> <html> <head

  • jQuery代码实现对话框右上角菜单带关闭×

    先给大家展示下效果图,具体效果图如下所示,如果大家觉得还不错,请参考实现代码: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery对话框右上角带关闭× - 何问起</title><base target="_blank" /> <!-- Attach our CSS -->

随机推荐