iframe版本子页面内新建TAB

iframe版本下,有些网友会需要在子页面内容里新建一个tab选项卡,在新的版本下,只需要增加一个class即可。

最新的版本下,已经在js下增加一个绑定方法,只需给按钮或链接增加一个class即可,如下


<a href="#!" class="js-create-tab" data-title="按钮" data-url="lyear-buttons.html">新建按钮</a>

早些时候的版本,如果没有这个方法,也可以查看该多标签页插件的说明,最后面有讲到这个问题,具体使用如下


parent.$(parent.document).data('multitabs').create({
    iframe : true,                                // 指定为iframe模式,当值为false的时候,为智能模式,自动判断(内网用ajax,外网用iframe)。缺省为false。
    title : 'open by iframe',                     // 标题(可选),没有则显示网址
    url : 'pages/index-2.html'                    // 链接(必须),如为外链,强制为info页
}, true);                                         // true 则激活新增的tab页
  
1 条评论
  • 魏明俊 魏明俊
    2021-04-28 20:39:22

    一种子页面通过jquery关闭当前页面选项卡的方法(模拟点击选项卡上的关闭按钮):
    window.parent.$("#iframe-content>.mt-wrapper >.mt-nav-bar>.mt-nav-panel>ul.nav-tabs>li.active>i").click()