如何禁用从函数 JQuery 对话框中的点击按钮弹出对话框

来源：蜘蛛抓取(WebSpider) 时间：2016-05-27 01:50 标签： 点击按钮弹出对话框

可以使用trigger方式，javascript中没有原生的trigger函数，可以自己写一个，也可以直接使用jquery的实现：

也可以使用更加简单的方式，就是将input覆盖住要点击的图片或者超链或者其它div，然后将input设置成完全透明，这样点击图片时其实点击的是input，如下：

artDialog是一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口
artDialog的特殊UI框架能够适应内容变化，甚至连外部程序动态插入的内容它仍然能自适应，因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。


它的接口完善，可以轻易与外部程序配合使用。如异步写入消息、控制位置、尺寸、显示与隐藏、关闭等。
如果不是在输入状态，它支持Esc快捷键关闭；可指定在元素附近弹出，让操作更便捷；智能给按钮添加焦点；黄金比例垂直居中；超大响应区域特别为ipad等触屏设备优化；预先缓存皮肤图片更快响应……

如果需要使用程序控制关闭，可以使用"close"方法关闭对话框：

插件：框架应用工具 artDialog针对CMS类的框架应用提供了专属插件，如穿越框架、iframe、AJAX、跨框架传值操作等。


例： 使用open方法嵌入页面，并使用data方法在各个iframe间传递数据：
1、如果传入的是HTMLElement类型，如果是隐藏元素会给其设置display:block以显示该元素，其他属性与绑定的事件都会完整保留，对话框关闭后此元素又将恢复原来的display属性，并且重新插入原文档所在位置
函数如果返回false将阻止对话框关闭；函数this指针指向内部api；如果传入true表示只显示有关闭功能的按钮
函数如果返回false将阻止对话框关闭；函数this指针指向内部api；如果传入true表示只显示有关闭功能的按钮
对话框标题栏的关闭按钮其实就是取消按钮，只不过视觉不同罢了，点击同样触发cancel事件
disabled —— 是否标记按钮为不可用状态（后续可使用扩展方法让其恢复可用状态）
设置消息内容宽度，可以带单位。一般不需要设置此，对话框框架会自己适应内容。
如果设置为百分值单位，将会以根据浏览器可视范围作为基准，此时如果浏览器窗口大小被改变其也会进行相应的调整
设置消息内容高度，可以带单位。不建议设置此，而应该让内容自己撑开高度。
如果设置为百分值单位，将会以根据浏览器可视范围作为基准，此时如果浏览器窗口大小被改变其也会进行相应的调整
开启静止定位。静止定位是css2.1的一个属性，它静止在浏览器某个地方不动，也不受滚动条拖动影响。（artDialog支持IE6 fixed）
让对话框依附在指定元素附近。
可传入元素ID名称，注意ID名称需要以“#”号作为前缀
相对于可视区域的X轴的坐标。
可以使用'0%' ~ '100%'作为相对坐标，如果浏览器窗口大小被改变其也会进行相应的调整
相对于可视区域的Y轴的坐标。
可以使用'0%' ~ '100%'作为相对坐标，如果浏览器窗口大小被改变其也会进行相应的调整
中断用户对话框之外的交互，用于显示非常重要的操作/消息，所以不建议频繁使用它，它会让操作变得繁琐
定义消息图标。可定义“skins/icons/”目录下的图标名作为参数名（不包含后缀名）
设置对话框显示时间。以秒为单位
是否允许用户按Esc键关闭对话框
设定对话框唯一标识。用途：
重置全局zIndex初始值。
用来改变对话框叠加高度。比如有时候配合外部浮动层UI组件，但是它们可能默认zIndex没有artDialog高，导致无法浮动到artDialog之上，这个时候你就可以给对话框指定一个较小的zIndex值。
请注意这是一个会影响到全局的配置，后续出现的对话框叠加高度将重新按此累加。
对话框弹出后执行的函数
对话框关闭前执行的函数。函数如果返回false将阻止对话框关闭。
请注意这不是关闭按钮的回调函数，无论何种方式关闭对话框，close都将执行。
写入标题。无参数则返回标题容器元素
向消息容器中写入内容。参数支持字符串、DOM对象，无参数则返回内容容器元素
让对话框吸附到指定元素附近


备注：1、元素不是复制而是完整移动到对话框中，所以原有的事件与属性都将会保留2、如果隐藏元素被传入到对话框，会设置display:block属性显示该元素3、对话框关闭的时候元素将恢复到原来在页面的位置，style display属性也将恢复

确定取消按钮[ok & cancel] 备注：回调函数this指向扩展接口，如果返回false将阻止对话框关闭

自定义按钮[button] 备注：回调函数this指向扩展接口，如果返回false将阻止对话框关闭；button参数对应的扩展方法名称也是"button"


定时关闭的消息[time]

内容与边界填充边距[padding] 有时候并不需要默认的内容填充边距，如展示图片与视频


2、使用简写形式 （已经绑定onclick事件，注意此返回值不再是对话框扩展方法）


创建一个右下角浮动的消息窗口

扩展方法演示 特别说明：扩展方法支持链式操作

应用到你的项目 在页面head引入artDialog，其中skin参数表示对话框使用的风格文件(如果项目采用jQuery作为框架，则引用jQuery artDialog版本)。

我要回帖

更多关于 点击按钮弹出对话框 的文章

 

随机推荐