jQuery UI dialog 的使用
4星 · 超过85%的资源 需积分: 31 36 浏览量
2014-01-25
14:49:20
上传
评论 1
收藏 161KB DOC 举报 
jQuery UI dialog 的使用
准备 jQuery 环境
首先，我们创建一个按钮，点击这个按钮的时候，将会弹出一个对话框。
1 <input type="button" value="删除" id="btn" />
为了设置这个按钮点击的事件，需要准备 jQuery 的环境。
1 <script type="text/javascript"
src="scripts/jquery-1.4.2.js"></script>
在 ready 中设置按钮的点击事件。
1 $(function() {
2 // 初始化
3 $("#btn").click(function() {
4 alert("btn 被点击啦！");
5 }
6 );
确认这一步没有问题。
准备对话框
第二步，需要准备对话框的内容。这些内容来自 jQuery UI 的演示文件。
1 <div id="dialog-confirm" title="Empty the
recycle bin?" >
2 <p>
3 <span class="ui-icon ui-icon-alert"
style="float: left; margin: 0 7px 20px
0;"></span>
4 These items will be permanently deleted and
cannot be recovered. Are you sure?</p>
5 </div>
为了使用 jQuery UI 的对话框，需要增加这些文件的引用。
1 <script type="text/javascript"
src="scripts/jquery.ui.core.js"></script>
2 <script type="text/javascript"
src="scripts/jquery.ui.widget.js"></script>
资源评论
fly210892018-03-13很有用很有用
