冠军

导航

2011年2月16日

jQuery UI dialog 的使用

摘要: 上一篇文章分享了一下 jQuery UI dialog 的简单使用,看到这么多同学都在学习,就将 jQuery UI dialog 的使用总结一下,也为学习其他的 jQuery UI 打个基础。初始化参数对于 dialog 来说,首先需要进行初始化,在调用 dialog 函数的时候,如果没有传递参数,或者传递了一个对象,那么就表示在初始化一个对话框。没有参数,表示按照默认的设置初始化对话框,在当前最新版本的 jQuery UI1.8.9 中,dialog 支持下列属性。autoOpen 初始化之后,是否立即显示对话框,默认为 truemodal 是否模式对话框,默认为 falsecloseOn 阅读全文

posted @ 2011-02-16 23:24 冠军 阅读(165227) 评论(16) 推荐(9) 编辑

使用 jQuery UI Dialog

摘要: 今天用到了客户端的对话框,把 jQuery UI 中的对话框学习了一下。准备 jQuery 环境首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框。[代码]为了设置这个按钮点击的事件,需要准备 jQuery 的环境。[代码]在 ready 中设置按钮的点击事件。[代码]确认这一步没有问题。准备对话框第二步,需要准备对话框的内容。这些内容来自 jQuery UI 的演示文件。[代码]为了使用 jQuery UI 的对话框,需要增加这些文件的引用。[代码]增加样式jQuery UI 中使用了大量的样式来修饰,需要引用 jQuery UI 的样式,注意,jquery.ui.all.css 阅读全文

posted @ 2011-02-16 17:09 冠军 阅读(36421) 评论(18) 推荐(6) 编辑