H+ 添加(新增)Tab选项卡

复制代码
//注:在contabs.js文件中 $(function () {  }); 方法外 加入
//注:
data-name="' + menuName + '" 这句是加入的自定义属性 用于以后通过name属性进行处理 如:通过name属性关闭tab页面
//调用示例 <a href="#" onclick="parent.addMenuTab('index-bootstrap2.html','测试页2','1');">打开index-bootstrap2.html 页</a>

/** * 添加(新增)选项卡(扩展) * @param dataUrl 请求路径 * @param menuName tab名称 * @param dataIndex tab标识 * @returns */ function addMenuTab(dataUrl,menuName,dataIndex) { // 获取标识数据 var flag = true; if (dataUrl == undefined || $.trim(dataUrl).length == 0)return false; // 选项卡菜单已存在 $('.J_menuTab').each(function () { if ($(this).data('id') == dataUrl) { if (!$(this).hasClass('active')) { $(this).addClass('active').siblings('.J_menuTab').removeClass('active'); //scrollToTab(this); // 显示tab对应的内容区 $('.J_mainContent .J_iframe').each(function () { if ($(this).data('id') == dataUrl) { $(this).show().siblings('.J_iframe').hide(); return false; } }); } flag = false; return false; } }); // 选项卡菜单不存在 if (flag) { var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '" data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>'; $('.J_menuTab').removeClass('active'); // 添加选项卡对应的iframe var str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" data-name="' + menuName + '" seamless></iframe>'; $('.J_mainContent').find('iframe.J_iframe').hide().parents('.J_mainContent').append(str1); // 添加选项卡 $('.J_menuTabs .page-tabs-content').append(str); //scrollToTab($('.J_menuTab.active')); } return false; }
复制代码

 

posted @   海乐学习  阅读(2034)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示