前端之家收集整理的这篇文章主要介绍了
jQuery Dialog对话框事件用法实例分析,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文实例讲述了jQuery Dialog对话框事件用法。分享给大家供大家参考,具体如下:
Dialog对话框事件
对话框应用场景
对话框是最常用、最实用的功能。
1) 提示类对话框,对话框的内容是固定的
2) 提示类对话框,对话框内容是根据事件源变化的
3)
使用jQuery UI的Dialog 组件可以轻松实现上面三种效果
Dialog组件的主要特点是可以拖动(Draggable),可以改变大小(Resizable)。
Dialog对话框的使用也十分简单,选中了一个元素后,可以通过对这个元素使用".dialog()"让其变成一个对话框,通过传递各种options属性类修改对话框的各种行为。
通常一个对话框是一个div元素:
Demo.共享同一个静态弹出层,弹出层
内容固定:
Demo.每个弹出层
内容不同,弹出层
内容存在事件源的元素
属性中:
元素页面上显示的元素,用来触发显示弹出层的事件。
弹出层的HTML代码如下:
弹出层就是一个个div元素。会根据需要显示或隐藏。
准备好了HTML元素,接下来就是应用jQuery UI的Dialog控件。首先,在initializeDom中,获取稍后需要操作的页面元素。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。