全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
查看: 471|回复: 8
打印 上一主题 下一主题

[Windows VPS] 请教一段layer js语法

[复制链接]
跳转到指定楼层
1#
发表于 2019-7-9 17:25:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 benetton 于 2019-7-9 17:46 编辑

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

范例页 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'
    });
  }
});
2#
发表于 2019-7-9 17:33:36 | 只看该作者
搞不懂需求
3#
 楼主| 发表于 2019-7-9 17:37:32 | 只看该作者

大佬这是一个弹窗程序,我补上图片了,下面两个按钮
第一个按钮火速围观是超连结语法
第二个按钮是关闭弹窗,我希望第二个按钮跟第一个按钮也是一样超连结语法,
不知道怎么写法请教大佬
4#
发表于 2019-7-9 17:38:54 | 只看该作者
不太明你在说什么
逻辑上来说 关闭"关闭按钮"配置
新增一个按钮
href改成你要的跳转地址
5#
 楼主| 发表于 2019-7-9 17:45:36 | 只看该作者
svenzhao 发表于 2019-7-9 17:38
不太明你在说什么
逻辑上来说 关闭"关闭按钮"配置
新增一个按钮

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

6#
发表于 2019-7-9 17:55:01 | 只看该作者
  1. btn.find('.layui-layer-btn1').attr({
  2.       href: 'http://www.layui.com/'
  3.       ,target: '_blank'
  4.     });
复制代码
7#
发表于 2019-7-9 18:02:47 | 只看该作者
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. });
复制代码
8#
发表于 2019-7-9 18:02:52 | 只看该作者
只需要在回调函数里面修改就行
如果有更多按钮,回调里面写事件修改这个类 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.                 }
复制代码
9#
 楼主| 发表于 2019-7-9 18:04:14 | 只看该作者
谢谢各位大佬支援
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2025-12-30 19:02 , Processed in 0.097500 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表