jQuery Tab Меню с запомнением последней позиции

Question

У меня есть jQuery tab menu call 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; 
});