SweetAlert.js 警告对话框 用法说明
作者:jit 日期:2016-01-06
<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
<link href="http://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">
<div class="demo_1">
基本示例:<button>点击这里</button>
</div>
<script>
$(".demo_1 button").click(function() {
swal({
title: "Are you sure?",
text: "Your will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!" },
function(){ alert("Deleted!"); }
);
});
</script>
参考:http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201410/jiaoben2855/
<script src="http://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
<link href="http://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet">
<div class="demo_1">
基本示例:<button>点击这里</button>
</div>
<script>
$(".demo_1 button").click(function() {
swal({
title: "Are you sure?",
text: "Your will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!" },
function(){ alert("Deleted!"); }
);
});
</script>
参考:http://demo.sc.chinaz.com/Files/DownLoad/webjs1/201410/jiaoben2855/
评论: 0 | 引用: 0 | 查看次数: -
发表评论