许可优化
许可优化
产品
产品
解决方案
解决方案
服务支持
服务支持
关于
关于
软件库
当前位置:服务支持 >  软件文章 >  layuimini打开新页面/窗口/tab的方法:点击按钮或超链接实现

layuimini打开新页面/窗口/tab的方法:点击按钮或超链接实现

阅读数 6
点赞 0
article_banner

1.在页面中弹出新的Tab窗口(标签)

  • 如需在页面中弹出新的Tab窗口,请参考下方代码。(备注:需要引入miniTab.js或config.js文件)
  • 参数说明(layuimini-content-href:页面链接,data-title:标题)
  • 调用方法进行监听:miniTab.listen();
  • 示例在page/welcome-1.html页面中有

    <a href="javascript:;" layuimini-content-href="page/user-setting.html" data-title="基本资料" >基本资料</a>     layui.use(['form','miniTab'], function () {        var form = layui.form,            layer = layui.layer,            miniTab = layui.miniTab;         miniTab.listen();     });

2.在页面中弹出新的Tab窗口(JS方法)

  • 如需在页面中弹出新的Tab窗口,请参考下方代码。(备注:需要引入miniTab.js文件)
  • 参数说明(href:页面链接,title:标题)
       

3.在当前页打开弹出层

var index = layer.open({    title: '课程详情',    type: 2,    shade: 0.2,    maxmin: true,    shadeClose: true,    area: ['93%', '99.5%'],    content: '/admin/toDetail?' + 'courseId=' + courseId,});$(window).on("resize", function () {    layer.full(index);});return false;

4.在当前页打开新页面,覆盖原页面不跳转

location.href="/admin/toDetail";

5.我的功能需求

(1)打开新的tab

(2)弹出层

最后的最后,一定要看开发手册,一定要看开发手册,一定要看开发手册,layuimini开发手册,百度了好久好久,试了很多方法,不是运行不起来,就是不是想要的效果,要么就是代码太复杂。


免责声明:本文系网络转载或改编,未找到原创作者,版权归原作者所有。如涉及版权,请联系删

相关文章
技术文档
QR Code
微信扫一扫,欢迎咨询~
customer

online

联系我们
武汉格发信息技术有限公司
湖北省武汉市经开区科技园西路6号103孵化器
电话:155-2731-8020 座机:027-59821821
邮件:tanzw@gofarlic.com
Copyright © 2023 Gofarsoft Co.,Ltd. 保留所有权利
遇到许可问题?该如何解决!?
评估许可证实际采购量? 
不清楚软件许可证使用数据? 
收到软件厂商律师函!?  
想要少购买点许可证,节省费用? 
收到软件厂商侵权通告!?  
有正版license,但许可证不够用,需要新购? 
联系方式 board-phone 155-2731-8020
close1
预留信息,一起解决您的问题
* 姓名:
* 手机:

* 公司名称:

姓名不为空

姓名不为空

姓名不为空
手机不正确

手机不正确

手机不正确
公司不为空

公司不为空

公司不为空