layer.confirm()右边按钮如何实现href

这篇文章主要介绍了layer.confirm()右边按钮如何实现href，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

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" ;  
})

感谢你能够认真阅读完这篇文章，希望小编分享的“layer.confirm()右边按钮如何实现href”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!