1. 程式人生 > >H+ 新增(新增)Tab選項卡

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; }