js Dialog 去掉右上角的X关闭功能
再用到 dialog弹出框时,不想要右上角的X 关闭功能,只是做个提示信息显示。
在网上找了一些资料。网上找了三种解决方案:【第一种是可用的。】
$("#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 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 -->
随机推荐
- iOS开发中实现显示gif图片的方法
- Ubuntu下安装PyV8
- javascript innerHTML使用分析
- Access使用查询
- JavaScript中的pow()方法使用详解
- Iframe thickbox2.0使用的方法
- .NET数组使用中的注意事项小结
- PHP中Closure类的使用方法及详解
- 浅谈mysql的子查询联合与in的效率
- canvas绘制多边形
- 学习JavaScript设计模式之迭代器模式
- 64位win7的IIS7下asp与access的连接问题
- C++交换指针实例
- Linux网络服务器配置入门(一)
- jQuery实现简单的tab标签页效果
- 贴近用户体验的Jquery日期、时间选择插件
- JS扩展Z-Blog图片验证码的单击自动刷新与评论内容自动保存
- javascript实现鼠标选取拖动或Ctrl选取拖动
- Win2003安装并注册jmail组件
- c#入门之枚举和结构体使用详解(控制台接收字符串以相反的方向输出)