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的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
这篇文章主要为大家详细介绍了touch.js手势库结合zepto.js插件开发图片查看器,图片可以实现滑动、缩放、双击缩放等效果,2016-11-11
javascript实现html页面之间参数传递的四种方法实例分析
这篇文章主要介绍了javascript实现html页面之间参数传递的四种方法,结合实例形式较为详细的分析了JavaScript实现页面之间参数传递的常用技巧,需要的朋友可以参考下2015-12-12
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
下面小编就为大家带来一篇深入浅出webpack教程系列_安装与基本打包用法和命令参数详解。小编觉得挺不错的,现在就想给大家,也给大家做个参考。一起跟随小编过来看看吧2017-09-09
Egg Vue SSR 服务端渲染数据请求与asyncData
这篇文章主要介绍了Egg Vue SSR 服务端渲染数据请求与asyncData,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2019-11-11


最新评论