lhgdialog弹窗带确定取消按钮用法

jattxgt

于 2019-09-12 11:15:29 发布

阅读量785

点赞数

分类专栏： lhgdialog 文章标签： lhgdialog 弹窗插件 jquery js

本文链接：https://blog.csdn.net/qq_38555490/article/details/100765369

版权

lhgdialog 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、引入lhgdialog库

<script src="js/lhgdialog/jquery.min.js"></script>
<script src="js/lhgdialog/lhgdialog.min.js?skin=izhdw"></script>

2、示例代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>lhgdialog</title>
		<script src="js/lhgdialog/jquery.min.js"></script>
		<script src="js/lhgdialog/lhgdialog.min.js?skin=izhdw"></script>
	</head>
	<body>
		<button>lhgdialog弹窗带确定取消按钮</button>
	</body>
	<script>
		$("button").click(function (){
			 $.dialog({
			title: '带确定取消按钮的弹窗',
			content: 'url:content.html',
		    ok: function(){
		    	iframe = this.iframe.contentWindow;
				saveObj();
				return false;
		    },
		    cancelVal: '关闭',
		    cancel: true /*为true等价于function(){}*/
		});
		/*
			回调函数
			该函数可以调用dialog中弹窗页面中的方法
		*/
		function saveObj(){
			iframe.test();//test是页面内容中的js方法
		}
		})
	</script>
</html>

3、窗体内容页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内容</title>
	</head>
	<body>
		<h3>我是内容</h3>
	</body>
	<script>
		function test(){
			alert("我是内容页面中的弹窗");
		}
	</script>
</html>

4、效果图