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 教程之二 ——jquery ui dialog的使用
jQuery UI 教程之三 ——jquery ui datepicker的使用
jQuery UI 教程之一 ——入门
jQuery UI组件 jQuery UI
jQuery UI组件 jQuery UI
jquery ui dialog里调用datepicker的问题
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Jquery ui css framework
jQuery UI Dialog 创建友好的弹出对话框实现代码
浅析JQuery UI Dialog的样式设置问题

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