电脑广告无处不在.有些恶意的广告还是自动弹出一个新窗口.这使得人们开始对突然弹出的窗口产生厌恶感,然而形成一种习惯,那就是迅速移动鼠标到新窗口的右上角并点击关闭按钮.有时候我们希望用户能够仔细查看窗口中的内容而不是马上关闭窗口,这时候我们可以移除顶端的关闭按钮,当用户找不到关闭按钮的时候,注意力就会回到窗口当中.
jQuery UI Dialog并没有提供一个选项能够让我们移除这个关闭按钮.但是我们可以通过CSS来达到这个目的.因为所有的关闭按钮都含有一个名为ui-dialog-titlebar-close的样式.所以我们可以简单地
.ui-dialog-titlebar-close{
display: none;
}
来移除所有的jQuery UI Dialog关闭按钮.或许只是想移除其中一个窗口中的关闭按钮,这时你需要为你的窗口设置一个dialogClass选项
In Javascript
$("#myDialog").dialog({
dialogClass: "my-dialog"
});
In CSS
.my-dialog .ui-dialog-titlebar-close{
display: none;
}
分享到:
相关推荐
两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。
NULL 博文链接:https://taotie119.iteye.com/blog/2075536
Jquery UI dialog 详解 (弹出层) 包含jquery弹出层的详细介绍,以及代码用例
JQuery UI 的对话框的一些属性的用法
jQuery UI dialog 的使用 准备 jQuery 环境 首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框。 详情内容可以参考文档
jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js
NULL 博文链接:https://wufan0023.iteye.com/blog/1446334
添加按钮弹出层jqueryui实现,dialog
里面是经过修改的jquery.ui.dialog.js(版本jQuery UI Dialog 1.8.12),添加了parentElement: 'body',详情查看http://forum.jquery.com/topic/dialog-will-move-its-div-tag-to-body
jquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialog
jQuery_UI全教程之一_dialog以及Datepicker使用说明 jQuery UI全教程之一(dialog的使用教程) 2011-03-15 17:41 jQuery UI目前的版本已经更新到了1.8.7。个人感觉和easyui相比起来,jQuery UI在界面的美观程度和可...
最近在用一个JQUERY UI Dialog的插件,感觉特别强大,但样式设置比较麻烦,研究了俩天终于搞定了。 运行插件,需要的环境如下 [removed][removed] [removed][removed] <link href=”CSS/themes/redmond/jquery.ui...
JQuery UI Dialog 弹出框以及清楚数据
今天我们用jquery ui dialog来做一个弹窗特效。我们先看下效果截图: 我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的。。。实现这一切,只要以下代码: 我们可以看到,我对pop这个...
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 编辑本段组件构成 jQuery UI ...
jQuery UI Cookbook(2013.7) Adam Boduch (pdf + ePub) 出版时间:2013.7 Adam Boduch Packt 内容简介: jQuery UI is the quintessential framework for creating professional user interfaces. While jQuery ...
一个小的网站等待效果的例子,jquery做的,jquery的dialog,这里有div的z-index控制着div层的重叠顺序
Jquery中dialog属性的小计,详细介绍dialog的使用
主要参数 jQuery UI Dialog常用的参数有: 1、autoOpen:默认true,即dialog方法创建就显示对话框 2、buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {“确定”:function(){},”取消”:function(){}}...
jq ui dialog 示例jq ui dialog 示例漂亮哦.可以比美EXT哦.喜欢的同学们快来