jQuery+bootstrap消息提示框对话框插件

jQuery+bootstrap消息提示框对话框插件-精品资源网
jQuery+bootstrap消息提示框对话框插件
此内容为免费资源,请登录后查看
0
免费资源

jQuery+bootstrap消息提示框对话框插件

jQuery+bootstrap封装实现的消息提示框对话框插件,有多种样式,具体看演示页面。

js代码

	<script src=\"js/jquery-2.1.1.min.js\" type=\"text/javascript\"></script>
	<script src=\"bootstrap-4.0.0-dist/js/bootstrap.js\"></script>
	<script src=\"./js/bs4.pop.js\"></script>
	<script>

		function demo_dialog(){

			let dia = bs4pop.dialog({

				title: \'对话框标题, 我还能拖拽呢\',
				content: \'我是对话框内容\',

				closeBtn: true,
				backdrop: \'static\',
				btns: [
					{label: \'确定\',	className: \'btn-primary\', onClick(cb){}},
					{label: \'取消\',	className: \'btn-default\', onClick(cb){}}
				],
				onShowStart: function(){
					// console.log(\'onShowStart\');
				},
				onShowEnd: function(){
					// console.log(\'onShowEnd\');
				},
				onHideStart: function(){
					// console.log(\'onHideStart\');
				},
				onHideEnd: function(){
					// console.log(\'onHideEnd\');
				},
				onDragStart: function(){
					console.log(\'onDragStart\');
				},
				onDragEnd: function(){
					// console.log(\'onDragEnd\');
				},
				onDrag: function(){
					console.log(\'onDrag\');
				}

			});

			setTimeout(() => {
				// dia.hide()
			}, 2000);

		}

		function demo_alert(){

		}

		setTimeout(() => {
			$(\'#alert\').alert();

			setTimeout(() => {
				$(\'#alert\').alert(\'close\');
			}, 2000);
		}, 2000);

	</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容