//注:在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> javascript
<a href="#" onclick="closeTab_tabId(); "> 關閉id </a> html
<a href="#" onclick="closeTab_tabName(); "> 關閉name</a> java
<a href="#" onclick="parent.closeTab_tabName('測試頁2'); "> 關閉測試頁2</a> bootstrap
//-------------------------實現代碼------------------------------------
//關閉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(); } }); }