layuimini打开新页面/窗口/tab，点击按钮/超链接

• 前端

1.在页面中弹出新的Tab窗口（标签）

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

 

    基本资料

    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：标题） 
        layui.use(['form','miniTab'], function () {
        var form = layui.form,
            layer = layui.layer,
            miniTab = layui.miniTab;

        // 打开新的窗口 
        miniTab.openNewTabByIframe({
            href:"page/form.html",
            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

layuimini打开新页面/窗口/tab，点击按钮/超链接

 

layuimini打开新页面/窗口/tab，点击按钮/超链接

 （2）弹出层

layuimini打开新页面/窗口/tab，点击按钮/超链接

layuimini打开新页面/窗口/tab，点击按钮/超链接

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

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/ee30f2b6d2.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐