//注:在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;
}