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的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持html中文网。

以上就是layer.confirm()右边按钮实现href的例子的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程