jQuery UI之对话框（dialog）的使用

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。我们可以直接用它来构建具有很好交互性的web 应用程序。我们可以根据自己的需求和喜好从官网中下载相应的版本和主题http://jqueryui.com/download/。下载包中我们常用到的就是jquery-ui.css和jquery-ui.js文档，这两个文档分别包括jQuery UI的样式以及JavaScript主要代码。

jQuery UI 包含了许多维持状态的小部件（Widget），因此，它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件（Widget）使用相同的模式，所以，只要学会使用其中一个，就知道如何使用其他的小部件（Widget）。现在先学习对话框（dialog）的使用。

1. 开启 dialog

首先需要引入相应的文档

    <script type="text/javascript" src="jquery-2.2.3.js">script><script type="text/javascript" src="jquery.ui.js">script><link rel="stylesheet" type="text/css" href="jquery.ui.css">

然后通过jQuery绑定对应的对话框

<input type="button" id="btn" value="对话框" /><div id="my_dialog" title=

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！