layer.confirm()右边按钮实现href的例子
时间：2022-01-10 15:17:48|栏目：JavaScript代码|点击： 次
layer官方API默认右边按钮=右上角X按钮，点击=关闭弹窗
此方法最终效果是右上角X保留关闭弹窗功能，并且右边按钮能设置（location.href=""） 等
之前试过的写法（错误）：
layer.confirm('想去哪个网站？',{btn:['新浪','百度']},function(index){
layer.close(index);
location.href="http://www.sina.com" rel="external nofollow" rel="external nofollow" ; }
,function(index){
layer.close(index);
location.href="http://www.baidu.com" rel="external nofollow" rel="external nofollow" ; }
})
第二条函数相当于右边按钮和X绑定在一起，不能分离
经过审查元素，发现了一个强硬的方法，试了一下居然成功了
原理是直接给右边按钮绑上click事件，可以覆盖插件效果
代码如下：
layer.confirm('想去哪个网站？',{icon:3,btn:['新浪','百度']},function(index){ //这里的icon:3 是‘？'图标，在上次博客试出来的共存方法
layer.close(index);
location.href="http://www.sina.com" rel="external nofollow" rel="external nofollow" ;
})
$('.layui-layer-btn1').click(function(){ // .layui-layer-btn1 = 右边按钮class名
location.href="http://www.baidu.com" rel="external nofollow" rel="external nofollow" ;
})
栏 目：JavaScript代码
下一篇：深入分析Cookie的安全性问题
本文标题：layer.confirm()右边按钮实现href的例子
本文地址：http://www.codeinn.net/misctech/189706.html
