Вкладки пользовательского интерфейса JQuery не сохраняют индекс выбранной вкладки при перезагрузке страницы

Question

Когда я использую AJAX или PHP POST, страница перезагружается и вкладки возвращаются в позицию индекса 0, что довольно раздражает. Вы можете найти код ниже. Я пытаюсь сохранить индекс вкладки в файле cookie и использовать его для возврата к выбранной вкладке даже после перезагрузки страницы.

Код здесь:

$(function() {
    $( "#tabs" ).tabs().find( ".ui-tabs-nav" ).sortable({ axis: "x" });
    $(document).ready(function() {
       $( "#tabs" ).tabs('select', $.cookie("tabNumber"));

       $( "#tabs" ).click(function() {
         $.cookie("tabNumber", $( "#tabs" ).tabs('option', 'selected'));
       });
    });
});

Может быть, кто-то может помочь мне узнать, как заставить это работать?

Answer 1

http://docs.jquery.com/UI/Tabs#option-cookie

Инициализация вкладок с указанным параметром cookie.

$( ".selector" ).tabs({ cookie: { expires: 30 } });