本文详尽解析了jQuery UI中的dialog用法，从创建环境到设置对话框内容，再到对话框的显示、关闭及模式对话框的实现，同时介绍了如何添加自定义按钮并处理其事件。
本篇文章主要是对JQUERY中dialog的用法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
今天用到了客户端的对话框，把 jQuery UI 中的对话框学习了一下。
准备 jQuery 环境
首先，我们创建一个按钮，点击这个按钮的时候，将会弹出一个对话框。
<input type="button" value="删除" id="btn" />
为了设置这个按钮点击的事件，需要准备 jQuery 的环境。
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
在 ready 中设置按钮的点击事件。
代码如下:
$(function() {
// 初始化
$("#btn").click(function() {
alert("btn 被点击啦！");
}
);
确认这一步没有问题。
准备对话框
第二步，需要准备对话框的内容。这些内容来自 jQuery UI 的演示文件。
代码如下:
<div id="dialog-confirm" title="Empty the recycle bin?" >
<p>
今天用到了客户端的对话框，把 jQuery UI 中的对话框学习了一下。
准备 jQuery 环境
首先，我们创建一个按钮，点击这个按钮的时候，将会弹出一个对话框。
<input type="button" value="删除" id="btn" />
为了设置这个按钮点击的事件，需要准备 jQuery 的环境。
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
在 ready 中设置按钮的点击事件。
代码如下:
$(function() {
// 初始化
$("#btn").click(function() {
alert("btn 被点击啦！");
}
);
确认这一步没有问题。
准备对话框
第二步，需要准备对话框的内容。这些内容来自 jQuery UI 的演示文件。
代码如下:
<div id="dialog-confirm" title="Empty the recycle bin?" >
<p>
最低0.47元/天 解锁文章
1759
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
