弹出提示框，确认、取消按钮分别转跳到不同的网页

最新推荐文章于 2024-08-04 02:47:25 发布

我是高手高手高高手

最新推荐文章于 2024-08-04 02:47:25 发布

阅读量1.1w

点赞数 2

分类专栏： layui插件

本文链接：https://blog.csdn.net/haibo0668/article/details/52705575

版权

layui插件专栏收录该内容

86 篇文章 6 订阅

订阅专栏

多次重复使用

<script>

function login_all() { 

		layer.open({
				title: ['温馨提示'],
				content: '<div style="color:#767676">您只需投资一款指定的金融产品，即可免费获得此商品。<br/>投资期满后，您即可提取本金和投资收益。</div>',
				btn: ['立即投资', '取消'],
				shadeClose: true,
				//回调函数
				yes: function(index, layero){
				   self.location='http://www.baidu.com';//立即投资按钮
				},
				btn2: function(index, layero){
				   self.location='http://www.163.com';//取消按钮
				},
				cancel: function(index,layero){ //按右上角“X”按钮
				   self.location='http://www.qq.com';
				},
		
		}); 
}

</script>

不能重复用，只能一次

<script> 
layer.open({
		title: ['温馨提示'],
		content: '<div style="color:#767676">您只需投资一款指定的金融产品，即可免费获得此商品。<br/>投资期满后，您即可提取本金和投资收益。</div>',
		btn: ['立即投资', '取消'],
		shadeClose: true,
		//回调函数
		yes: function(index, layero){
		   self.location='http://www.baidu.com';//立即投资按钮
		},
		btn2: function(index, layero){
		   self.location='http://www.163.com';//取消按钮
		},
		cancel: function(index,layero){ //按右上角“X”按钮
		   self.location='http://www.qq.com';
		},

}); 

</script>

插件官网：http://layer.layui.com/