Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  JQuery UI  >  正文 jQuery UI 教程之二 ——jquery ui dialog的使用

jQuery UI 教程之二 ——jquery ui dialog的使用

发布时间:2012-01-11   编辑:www.jquerycn.cn
对话框是我们经常要用到的一种网页元素,jquery ui dialog为我们提供了很好的解决方案,本文我们就来讲讲如何使用jquery ui dialog

本人有点懒,所以关于 jquery ui 的 教程一直都没更新,见谅了,jquery ui 入门为大家大概讲解了下 jquery ui 的概念、用途以及大致的结构,从这篇文章开始,我们就要开始讲解 jquery ui 中的具体的一些组件的使用方法,本文讲解 jquery ui dialog 的使用:

我们在做交互的时候经常要用到对话框,没错 jquery ui dialog 就是为此而生的,jquery ui dialog 为我们提供了一个简单的接口来实现平常需要大量 javascript 代码来实现的效果,我们可以使用 jquery ui dialog 实现很多的功能,例如做登录、注册和消息提示等功能。

在使用 dialog 组件前,先要将 dialog 所依赖的 js 文件引入到页面中,这些文件包括 js 文件和 css 文件,所有的 dialog 样式的实例代码,在/development-bundle/demos/dialog/目录下,打开源码看到一种类型的 dialog 的使用方法,如果是不明白我在说什么,就先去看看,下载了 jquery UI 后如何使用。如果你还没有 jquery ui 代码包,那你就先去下载:各版本 jquery UI 下载

我们以/development-bundle/demos/dialog/default.html 为例看下jquery ui dialog 的头部文件引入情况

这些引入的文件,有些不是必要的,需要根据 dialog 的参数来定,比如你不需要调整 dialog 的大小,你就没有必要载入jquery.ui.resizable.js 这个文件,再看看 dialog 是如何被弹出的,

没错,dialog 的使用就是这么简单,当然 dialog 还有很多的参数来帮助你实现很多复杂的功能,我们在后面还会给大家讲解,这些参数的使用基本都很简单。

 

您可能感兴趣的文章:
浅析JQuery UI Dialog的样式设置问题
jquery ui dialog实现弹窗特效的思路及代码
jQuery UI 实例 – 对话框(Dialog)
基于jquery插件制作左右按钮与标题文字图片切换效果
Jquery中dialog属性小记
jQuery UI 小部件方法调用
JQUERY dialog的用法详细解析
jQuery UI API – 对话框部件(Dialog Widget)
jquery dialog open后,服务器端控件失效的快速解决方法
用jquery中插件dialog实现弹框效果实例代码

关键词: jquery  UI  教程  ui  dialog   
[关闭]