- 时间:2021-12-20 12:28 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:JQuery Dialog(JS 模态窗口,可拖拽的DIV)
[b]
效果图[/b]
[img]http://files.jb51.net/upload/2010-2/20100207092914429.jpg[/img]
[b]
调用示意图[/b]
[img]http://files.jb51.net/upload/2010-2/20100207092915763.jpg[/img]
[b]
交互示意图[/b]
[img]http://files.jb51.net/upload/2010-2/20100207092915621.jpg[/img]
如上图所示,这基本是JQueryDialog的完整逻辑流程了。
1、用户点击模态窗口的“提交”按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件。
2、用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口ContentWindow.Ok()中,这一点我借鉴了FCKEditor,如下代码所示:
JS代码
[url=http://demo.jb51.net/js/jquery_dialog/default.html]http://demo.jb51.net/js/jquery_dialog/default.html[/url]
[url=http://xiazai.jb51.net/201002/yuanma/jquery_dialog.rar]点击下载[/url]