jQuery標籤菜單記住最後位置

Question

我有jQuery標籤菜單調用ajax。

菜單正在工作完美，現在如何設置標籤自動檢測最後一個標籤點擊甚至刷新頁面。

你可以在這裏看到小提琴：https://jsfiddle.net/waspinator/rw8ujfg3/

<ul class="nav nav-tabs tabs-up " id="friends"> 
    <li active><a href="/gh/gist/response.html/3843293/" data-target="#contacts" class="media_node active span" id="contacts_tab" data-toggle="tabajax" rel="tooltip"> Contacts </a></li> 
    <li><a href="/gh/gist/response.html/3843301/" data-target="#friends_list" class="media_node span" id="friends_list_tab" data-toggle="tabajax" rel="tooltip"> Friends list</a></li> 
    <li><a href="/gh/gist/response.html/3843306/" data-target="#awaiting_request" class="media_node span" id="awaiting_request_tab" data-toggle="tabajax" rel="tooltip">Awaiting request</a></li> 

<div class="tab-content"> 
    <div class="tab-pane active" id="contacts"> 

    </div> 
    <div class="tab-pane" id="friends_list"> 
    </div> 
    <div class="tab-pane urlbox span8" id="awaiting_request"> 

    </div> 
</div> 

JS

$('[data-toggle="tabajax"]').click(function(e) { 
var $this = $(this), 
    loadurl = $this.attr('href'), 
    targ = $this.attr('data-target'); 

$.get(loadurl, function(data) { 
    $(targ).html(data); 
}); 

$this.tab('show'); 
return false; 
}); 

我只知道它會使用cookie的吧？但我該如何設置它？

Answer 1

使用的document.cookie =「您的格式」來存儲cookie數據，然後檢查其相應

我覺得可能有一個更好的答案，但是這是我所能做的

希望我能幫助你，你去吧

if (document.cookie.indexOf("opentab=") >= 0) { 
var x = document.cookie; 
if(x=='opentab=1st'){ 
    var dataid = '#contacts_tab'; 
} 
else if(x=='opentab=2nd'){ 
    var dataid = '#friends_list_tab'; 
} 
else{ 
    var dataid = '#awaiting_request_tab'; 
} 
var loadurl = $(dataid).attr('href'); 
var targ = $(dataid).attr('data-target'); 
$.get(loadurl, function(data) { 
    $(targ).html(data); 
}); 

$(dataid).tab('show'); 
} 

$('[data-toggle="tabajax"]').click(function(e) { 
var $this = $(this), 
    loadurl = $this.attr('href'), 
    id = $this.attr('id'), 
    targ = $this.attr('data-target'); 

    if(id == "contacts_tab"){ 
    document.cookie = "opentab=1st"; 
} 
else if(id == "friends_list_tab"){ 
    document.cookie = "opentab=2nd"; 
} 
else{ 
    document.cookie = "opentab=3rd"; 
} 

$.get(loadurl, function(data) { 
    $(targ).html(data); 
}); 

$this.tab('show'); 
return false; 
});