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

(0)

相关推荐

  • 解决layer.confirm选择完之后消息框不消失的问题

    如下所示: layer.confirm('主题库里已存在相同的表', function(){ ..........//处理结果 }); 当用户选择完确定之后,消息框不会消失,并且代码会继续执行,会出现代码后需要显示的信息已经出现但是消息框仍然显示在最前面(跳转页面不算) 这是要用layer.closeAll('dialog');这个代码关闭信息框 layer.confirm('主题库里已存在相同的表', function(){ layer.closeAll('dialog'); ........

  • layer.confirm取消按钮绑定事件的方法

    也可以通过 btn: ['确定','取消','按钮三'],来修改和增加按钮. // layer.confirm(content, options, yes, cancel) layer.confirm('is not?', {icon: 3, title:'提示',yes: function(index){ //do something layer.close(index); }, cancel: function(index, layero){ layer.close(index); relo

  • 改变layer confirm弹窗按钮的颜色方法

    原来的颜色: 改造后的颜色: js: layer.confirm("您选的时间是:xxxx", { title : "预约时间确认", skin : "my-skin", btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); //自定义代码 }); css: .my-skin .layui-layer-btn a { background-color: #84c101;

  • 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 nofol

  • layer.confirm点击第一个按钮关闭弹出框的方法

    layer.confirm弹出框,当你点击第一个按钮的时候,这个弹出层不会关闭,也是给一些小伙伴带来了一些困扰, 下面分享两个解决方案: ①可以将第一个按钮的回调函数传一个index,然后使用layer.close("index")就可以点击第一个按钮的时候关闭弹出框了,代码如下: ②第二种方法就非常的粗暴了,你可以直接在这个回调函数中写: layer.closeAll('dialog'); 也能实现点击第一个按钮的时候关闭弹出框 以上这篇layer.confirm点击第一个按钮关闭弹

  • layer.js之回调销毁对话框的例子

    layer.js弹出层给我们封装了基本的销毁按钮,如图所示: 当我们点击确定按钮时,如何我们没有写点击确定按钮的回调函数,layer的内部会给我们一个默认的效果就是让对话框消失.but!有时候我们根据业务的需要还需要在点击确定按钮的时候让程序悄悄地给我们干点事情,然后让对话框消失,那么如何让对话框消失呢?这就需要我们让程序自动调用上面提到的销毁按钮的事件. 代码如下: //查询失败提示 failSearch:function (messager) { layer.open({ content:m

  • 使用layui的layer组件做弹出层的例子

    官方文档地址: http://www.layui.com/doc/modules/layer.html 本例演示效果: 当点击申请提现时,出现申请提现框,并根据用户输入进行一些判断,给出友好提示,比如: 代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>弹出层</title> <link

  • Python的Tkinter点击按钮触发事件的例子

    如果要开发一个比较大的程序,那么应该先把代码封装起来,在面向对象编程中,就是封装成类 先看代码: import tkinter as tk class App: def __init__(self, root): root.title("打招呼测试") frame = tk.Frame(root) frame.pack() self.hi_there = tk.Button(frame, text="打招呼", fg="blue", comman

  • 解决layer.confirm快速点击会重复触发事件的问题

    layer.confirm快速点击会重复触发事件问题 1 .问题描述: 快速点击会出现,重复触发事件,像后台发起多次请求,此时后台极端=短时间内多次请求,会出现并发问题,数据脏读 2.问题分析 :查看layerUI的API发现,系统的confirm是线程阻塞的,而layer.confirm是非阻塞的 3.问题解决 方案1. 防止重复触发事件,前台js加锁 方案2.后台代码加乐观锁 此时,方案1解决这个问题最佳 4.具体实现: //出库 output: function () { console.

  • layer 关闭指定弹出层的例子

    首先,弹出某个层时需要给层取名(赋值),如: var mylay = layer.open({ type: 2, content: 'layer.html', title: false, area: ['500px', '500px'] }); 需要关闭指定的弹出层时,直接: layer.close(mylay) 如果在弹出层中写js,将弹出层自身关闭,可以先获取到弹出层名字,再将其关闭 var mylay = parent.layer.getFrameIndex(window.name); p

随机推荐