最後の位置を覚えている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; 
}); 

私はちょうどそれがクッキーの権利を使用することになります知っていますか？しかし、どうすれば設定できますか？

Answer 1

クッキーにデータを格納するために使用document.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; 
});