layer.confirm()右边按钮实现href的例子


Posted in Javascript onSeptember 27, 2019

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

Javascript 相关文章推荐
js封装的textarea操作方法集合(兼容很好)
Nov 16 Javascript
利用JS判断用户是否上网(连接网络)
Dec 23 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
Nov 07 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
Dec 14 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
Dec 19 Javascript
JavaScript实现同一个页面打开多张图片
Dec 29 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
JS前端广告拦截实现原理解析
Feb 17 Javascript
JS实现数据动态渲染的竖向步骤条
Jun 24 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 Vue.js
layer页面跳转,获取html子节点元素的值方法
Sep 27 #Javascript
使用layer模态框给新页面传值的方法
Sep 27 #Javascript
JavaScript实现随机五位数验证码
Sep 27 #Javascript
layer弹出层倒计时关闭的实现方法
Sep 27 #Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 #Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
Sep 27 #Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 #Javascript
You might like
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
jQuery图片播放8款精美插件分享
2013/02/17 Javascript
防止浏览器记住用户名及密码的简单实用方法
2013/04/22 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
2016/08/17 Javascript
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
整理一些最近经常遇到的前端面试题
2017/04/25 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
Node.js笔记之process模块解读
2018/05/31 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
vue + element-ui的分页问题实现
2018/12/17 Javascript
js实现树形数据转成扁平数据的方法示例
2020/02/27 Javascript
Vue 数据响应式相关总结
2021/01/28 Vue.js
python基础教程之面向对象的一些概念
2014/08/29 Python
如何实现删除numpy.array中的行或列
2018/05/08 Python
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
详解Django-restframework 之频率源码分析
2019/02/27 Python
11个Python3字典内置方法大全与示例汇总
2019/05/13 Python
Python图像处理模块ndimage用法实例分析
2019/09/05 Python
Python 简单计算要求形状面积的实例
2020/01/18 Python
Python爬虫小例子——爬取51job发布的工作职位
2020/07/10 Python
学生励志演讲稿
2014/01/06 职场文书
医学生就业推荐表自我鉴定
2014/03/26 职场文书
租房合同协议书
2014/04/09 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
教导处教学工作总结
2015/08/12 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
演讲稿:​快乐,从不抱怨开始!
2019/04/02 职场文书
好段摘抄大全(48句)
2019/08/08 职场文书
mysql5.7使用binlog 恢复数据的方法
2021/06/03 MySQL
Python多个MP4合成视频的实现方法
2021/07/16 Python
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android
Python中的变量与常量
2021/11/11 Python
python入门学习关于for else的特殊特性讲解
2021/11/20 Python