如何用layer.confirm()实现按钮链接到指定网页？

本文共计369个文字，预计阅读时间需要2分钟。

layer官方API默认右侧按钮=右上角X按钮，点击=关闭弹窗+此方法最终效果是右上角X保留关闭弹窗功能，并且右侧按钮可设置（location.href=等）+之前测试过的写法（错误）：layer.confirm('想').

layer官方API默认右边按钮=右上角X按钮，点击=关闭弹窗

此方法最终效果是右上角X保留关闭弹窗功能，并且右边按钮能设置（location.href=""） 等

之前试过的写法（错误）：

layer.confirm('想去哪个网站？',{btn:['新浪','百度']},function(index){ layer.close(index); location.href="www.sina.com" rel="external nofollow" rel="external nofollow" ; } ,function(index){ layer.close(index); location.href="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="www.sina.com" rel="external nofollow" rel="external nofollow" ; }) $('.layui-layer-btn1').click(function(){ // .layui-layer-btn1 = 右边按钮class名 location.href="www.baidu.com" rel="external nofollow" rel="external nofollow" ; })

以上这篇layer.confirm()右边按钮实现href的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。