jQuery点击弹出确认框插件


jQuery点击弹出确认框插件
jQuery点击弹出确认框插件以及点击弹出、确认框等js/jquery网页特效代码下载。

1. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/jAlert.js"></script>

2. HTML代码

<div class="TotalButton">
	<div class="OneButton">只有确定按钮</div>
	<div class="TwoButton">确定和取消按钮</div>
</div>
<script>
	var log = console.log.bind(console);
	$(function () {
		/* 注解
		 * jAlert 和 jConfirm 总共支持四个参数, 第一个参数为弹出窗的头部区域
		  * 第二个参数为 要提示的消息
		  * 第三个参数 和 第四个参数可不传, 第三个参数如果不传默认的显示按钮内容为确定, 若传极为传递参数
		  * 第四个参数为点击按钮后执行的回调函数*/
		$(".OneButton").click(function () {
			jAlert('提示', '你确定要关闭该弹窗么?', '确定')
		});
		$(".TwoButton").click(function () {
			jConfirm('重要提示', '该操作不可恢复, 是否继续该操作?', '确定', function (e) {
				log('操作成功!')
			})
		});
	})
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章