layer.confirm()右边按钮实现href的例子
更新时间：2019年09月27日 16:15:40 作者：IdealWhite
今天小编就为大家分享一篇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的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了表单提交前触发函数当返回true表单才会提交的具体实现,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了基于JavaScript介绍性能爆表的SolidJS，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下2022-09-09
这篇文章主要介绍了JavaScript常用验证函数,实例汇总了如字符串验证、表单验证及js常用特效等诸多js常用验证函数及相关技巧,非常具有实用价值,需要的朋友可以参考下2014-11-11
filter是new一个新的array，这篇文章主要介绍了javascipt filter过滤介绍及使用,需要的朋友可以参考下2014-09-09
JavaScript生成器函数Generator解决异步操作问题
这篇文章主要为大家介绍了JavaScript生成器函数Generator解决异步操作问题示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-10-10
uniapp中使用vuex的过程(解决uniapp无法在data和template中获取vuex数据问题)
这篇文章主要介绍了uniapp中使用vuex（解决uniapp无法在data和template中获取vuex数据问题）,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-05-05
今天小编就为大家分享一篇解决layer.open后laydate失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
在 JavaScript 中,有多种方法可以保留小数点后两位,本文给大家分享比较常用的方法,文末给大家介绍了实现数据格式化保留两位小数的多种方法,感兴趣的朋友一起看看吧2023-10-10
这篇文章主要为大家详细介绍了three.js实现3D视野缩放效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了JS call()及apply()方法使用实例汇总,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
最新评论