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工具_Form 封装
Aug 21 Javascript
新手常遇到的一些jquery问题整理
Aug 16 Javascript
50款非常棒的 jQuery 插件分享
Mar 29 Javascript
javascript分页代码(当前页码居中)
Sep 20 Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
Javascript获取当前时间函数和时间操作小结
Oct 01 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
JS for循环中i++ 和 ++i的区别介绍
Jul 20 Javascript
vue里面父组件修改子组件样式的方法
Feb 03 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
js实现延迟加载的几种方法详解
Jan 19 Javascript
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
SONY SRF-40W电路分析
2021/03/02 无线电
PHP中simplexml_load_string函数使用说明
2011/01/01 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
ThinkPHP实现支付宝接口功能实例
2014/12/02 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
PHP实现多文件上传的方法
2015/07/08 PHP
JavaScript对象模型-执行模型
2008/04/28 Javascript
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
js下用层来实现select的title提示属性
2010/02/23 Javascript
js操作时间(年-月-日 时-分-秒 星期几)
2010/06/20 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
js 去除字符串第一位逗号的方法
2014/06/07 Javascript
javascript实现计时器的简单方法
2016/02/21 Javascript
ClearTimeout消除闪动实例代码
2016/02/29 Javascript
JS 清除字符串数组中,重复元素的实现方法
2016/05/24 Javascript
最实用的jQuery分页插件
2016/10/09 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
Mac下使用charles遇到的问题以及解决办法
2017/01/10 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
JavaScript图像放大镜效果实现方法详解
2020/06/28 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
PyMongo安装使用笔记
2015/04/27 Python
如何在sae中设置django,让sae的工作环境跟本地python环境一致
2017/11/21 Python
pyqt5 键盘监听按下enter 就登陆的实例
2019/06/25 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
python每5分钟从kafka中提取数据的例子
2019/12/23 Python
Python无头爬虫下载文件的实现
2020/04/02 Python
使用html5 canvas 画时钟代码实例分享
2015/11/11 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
日本最大的旅游网站:Rakuten Travel(乐天旅游)
2018/08/02 全球购物
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
南京南京观后感
2015/06/02 职场文书
2015年党建工作汇报材料
2015/06/25 职场文书
简短清晨问候语
2015/11/10 职场文书
Python时间操作之pytz模块使用详解
2022/06/14 Python