專注於相同的標籤

Question

我正在使用jQuery UI來創建選項卡。要求是當我選擇tab2或任何其他選項卡並重新加載/刷新頁面時，焦點應該在選定的選項卡上。請找到小提琴http://jsfiddle.net/CnEUh/500/

我已經經歷了許多在線論壇，但無法獲得預期的結果。 我跟着鏈接Set Jquery ui active tab on page load/reload，但沒有得到結果。

嘗試下面的代碼：

$(document).ready(function() { 
     $("#tabs").tabs({active: tabs-2}); 
     // Set active tab on page load 
     var SelectedTab = tabs-2; 
    if(tabSelectedId!=""){ 
     $("#tabs").tabs({selected: tabSelectedId}); 
     } 
    }); 

請建議我如何能保持專注於頁面重新加載所選的選項卡。我的小提琴http://jsfiddle.net/CnEUh/500/

Answer 1

您可以通過使用location.href

在點擊完成它，只需添加＃標籤= 2，然後在頁面加載，在這裏你可以檢索location.href，選擇選擇哪個TAV。

Answer 2

添加jquery.cookie.js庫，下面的代碼

$(document).ready(function() { 
var $tabs = $("#tabs").tabs({ 
      activate: function(event ,ui){ 
       $.cookie('active_tab', ui.newTab.index(), { path: '/' }); 
      } 
     }); 
     var selectedIndex=parseInt($.cookie('active_tab')); 
     if(selectedIndex) { 
      $tabs.tabs({ active: selectedIndex }); 
      $('#tabs').find("ul:first li:nth-child(" + (selectedIndex + 1) + ")").find('a').trigger('click'); 
     } 
     // set cookie on tab select 
}); 

或者沒有jquery.cookie.js，通過激活的標籤指數作爲參數

var activeTab; 
var $tabs = $("#tabs").tabs({ 
    activate: function (event, ui) { 
     activeTab = ui.newTab.index(); 
    } 
}); 

var params = {}; 

if (location.search) { 
    var parts = location.search.substring(1).split('&'); 
    for (var i = 0; i < parts.length; i++) { 
     var nv = parts[i].split('='); 
     if (!nv[0]) continue; 
     params[nv[0]] = nv[1] || true; 
    } 
} 

// Now you can get the parameters you want like so: 
var selectedIndex = parseInt(params.selectedIndex); 
if (selectedIndex) { 
    $tabs.tabs({ 
     active: selectedIndex 
    }); 
    $('#tabs').find("ul:first li:nth-child(" + (selectedIndex + 1) + ")").find('a').trigger('click'); 
} 

$('#tabs').click(function() { 
    window.location.href = window.location.href.replace(/[\?#].*|$/, "?selectedIndex="+activeTab); 
}); 

希望它的作品。 謝謝