全球主机交流论坛

标题: 请教一段layer js语法 [打印本页]

---

作者: benetton    时间: 2019-7-9 17:25
标题: 请教一段layer js语法


想把下方两个按钮都改成可以自定网址超连结
请教各位大佬谢谢

范例页 https://layer.layui.com/test/more.html

//示范一个公告层
layer.open({
  type: 1
  ,title: false //不显示标题栏
  ,closeBtn: false
  ,area: '300px;'
  ,shade: 0.8
  ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
  ,resize: false
  ,btn: ['火速围观', '残忍拒绝']
  ,btnAlign: 'c'
  ,moveType: 1 //拖拽模式，0或者1
  ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">内容<br>内容</div>'
  ,success: function(layero){
    var btn = layero.find('.layui-layer-btn');
    btn.find('.layui-layer-btn0').attr({
      href: 'http://www.layui.com/'
      ,target: '_blank'
    });
  }
});

---

作者: magickey    时间: 2019-7-9 17:33
搞不懂需求

---

作者: benetton    时间: 2019-7-9 17:37

magickey 发表于 2019-7-9 17:33
搞不懂需求

大佬这是一个弹窗程序,我补上图片了,下面两个按钮
第一个按钮火速围观是超连结语法
第二个按钮是关闭弹窗,我希望第二个按钮跟第一个按钮也是一样超连结语法,
不知道怎么写法请教大佬

---

作者: svenzhao    时间: 2019-7-9 17:38
不太明你在说什么
逻辑上来说 关闭"关闭按钮"配置
新增一个按钮
href改成你要的跳转地址

---

作者: benetton    时间: 2019-7-9 17:45

svenzhao 发表于 2019-7-9 17:38
不太明你在说什么
逻辑上来说 关闭"关闭按钮"配置
新增一个按钮

不好意思不太会说自己需求
希望红框这个按钮是超连结语法,
这个layer好像有他自己写法
不能使用平时html写法

---

作者: psdshow    时间: 2019-7-9 17:55

1. btn.find('.layui-layer-btn1').attr({
   
2.       href: 'http://www.layui.com/'
   
3.       ,target: '_blank'
   
4.     });

复制代码

---

作者: magickey    时间: 2019-7-9 18:02

benetton 发表于 2019-7-9 17:37
大佬这是一个弹窗程序,我补上图片了,下面两个按钮
第一个按钮火速围观是超连结语法
第二个按钮是关闭弹窗 ...

1. layer.open({
   
2.   type: 1
   
3.   ,title: false //不显示标题栏
   
4.   ,closeBtn: false
   
5.   ,area: '300px;'
   
6.   ,shade: 0.8
   
7.   ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
   
8.   ,resize: false
   
9.   ,btn: ['火速围观', '残忍拒绝']
   
10.   ,btnAlign: 'c'
    
11.   ,moveType: 1 //拖拽模式，0或者1
    
12.   ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">内容<br>内容</div>'
    
13.   ,success: function(layero){
    
14.     var btn = layero.find('.layui-layer-btn');
    
15.     btn.find('.layui-layer-btn0').attr({
    
16.       href: 'http://www.layui.com/'
    
17.       ,target: '_blank'
    
18.     });
    
19.   }
    
20.   ,btn2: function(layero){
    
21.     window.open("http://www.baidu.com/");
    
22.   }
    
23. });

复制代码

---

作者: kejiweng0    时间: 2019-7-9 18:02
只需要在回调函数里面修改就行
如果有更多按钮，回调里面写事件修改这个类 layui-layer-btn1

1. success: function(layero) {
   
2.                     var btn = layero.find('.layui-layer-btn');
   
3.                     btn.find('.layui-layer-btn0').attr({
   
4.                         href: 'http://www.layui.com/',
   
5.                         target: '_blank'
   
6.                     });
   
7.                     btn.find('.layui-layer-btn1').attr({
   
8.                         href: 'http://www.baidu.com/',
   
9.                         target: '_blank'
   
10.                     });
    
11.                 }

复制代码

---

作者: benetton    时间: 2019-7-9 18:04
谢谢各位大佬支援

---

欢迎光临 全球主机交流论坛 (https://loc.daji.eu.org/)

Powered by Discuz! X3.4