H+ 关闭menuTab页面
//注:在contabs.js文件中 $(function () { }); 方法外 加入
//注: data-name="' + menuName + '" 这句是加入的自定义属性 用于以后通过name属性进行处理 如:通过name属性关闭tab页面
//var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '" data-name="' + menuName + '" >' + menuName + ' <i class="fa fa-times-circle"></i></a>';
//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>';
//data-name 在这两句中要加入
//调用示例
function closeTab_Active(){ //alert("关闭当前");
parent.closeTab_Active();
}
function closeTab_tabId(){ //alert("关闭id ");
parent.closeTab_tabId("index-bootstrap.html");
}
function closeTab_tabName(){ alert("关闭name ");
parent.closeTab_tabName("测试页2");
}
<a href="#" onclick="closeTab_Active(); "> 关闭当前</a>
<a href="#" onclick="closeTab_tabId(); "> 关闭id </a>
<a href="#" onclick="closeTab_tabName(); "> 关闭name</a>
<a href="#" onclick="parent.closeTab_tabName('测试页2'); "> 关闭测试页2</a>
//-------------------------实现代码------------------------------------
//关闭Tab 当前TAB function closeTab_Active() { $(".J_menuTab.active",window.top.document).find(".fa.fa-times-circle").click(); } //关闭Tab 根据tabId function closeTab_tabId(tabId) { $(".J_menuTab[data-id='"+ tabId +"']",window.top.document).find(".fa.fa-times-circle").click(); } //关闭Tab 根据tabName function closeTab_tabName(tabName) { //alert(menuName); $('.J_menuTab').each(function () { //遍历所有TAB //alert($(this).data('name') ); if ($(this).data('name') == tabName) { //有此nameTAB 则关闭 //alert($(this).data('id') ); $(".J_menuTab[data-id='"+ $(this).data('id') +"']",window.top.document).find(".fa.fa-times-circle").click(); } }); }
分类:
H+ bootstrap框架
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)