jQuery UI dialog弹出层confirm的使用

JQuery1551浏览0条评论JQuery
var id;//定义id全局变量
$("a").click(function(){
id = $(this).attr("id");//获取要操作id
});

//弹出层参数
var dlg = $( "#dialog-confirm" ).dialog({
			autoOpen: false,
			resizable: false,
			modal: true,
			title:"确认要删除吗?",
			buttons: {
				"确定": function() {
					 location.href = "http://wuheng.net/delete/id/"+id;
				},
				"取消": function() {
					$( this ).dialog( "close" );
				}
			}
		});
		
//绑定删除按钮
$("a").click(function(){
dlg.dialog("open");//绑定打开弹出层方法
});
<a id="5">删除</a>
<!-- 要操作的对象 -->
<div id="dialog-confirm">
	<p><span class="ui-icon ui-icon-alert left"></span>确认删除后该文章不可恢复!</p>
</div>
<!-- 删除前提示弹出层 -->

因为原生的JS,confirm很简单一个ruturn false or true搞定,但是用户体验不太好,还是JQUI这个比较好使,改天有空写一个完整版的函数调用起来比较方便,先将就吧。


效果图:

本文地址:http://wuheng.net/blog_53.html 转载请注明出处

分享到: