layer.confirm()右边按钮实现href的例子
layer官方API默认右边按钮=右上角X按钮,点击=关闭弹窗
此方法最终效果是右上角X保留关闭弹窗功能,并且右边按钮能设置(location.href="")等
之前试过的写法(错误):
layer.confirm('想去哪个网站?',{btn:['新浪','百度']},function(index){
layer.close(index);
location.href="http://www.sina.com"rel="externalnofollow"rel="externalnofollow";}
,function(index){
layer.close(index);
location.href="http://www.baidu.com"rel="externalnofollow"rel="externalnofollow";}
})
第二条函数相当于右边按钮和X绑定在一起,不能分离
经过审查元素,发现了一个强硬的方法,试了一下居然成功了
原理是直接给右边按钮绑上click事件,可以覆盖插件效果
代码如下:
layer.confirm('想去哪个网站?',{icon:3,btn:['新浪','百度']},function(index){//这里的icon:3是‘?'图标,在上次博客试出来的共存方法
layer.close(index);
location.href="http://www.sina.com"rel="externalnofollow"rel="externalnofollow";
})
$('.layui-layer-btn1').click(function(){//.layui-layer-btn1=右边按钮class名
location.href="http://www.baidu.com"rel="externalnofollow"rel="externalnofollow";
})
以上这篇layer.confirm()右边按钮实现href的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短