Я использую базовую реализацию вкладок пользовательского интерфейса Jquery, которые работают нормально, но я хочу установить (или сбросить) активную вкладку динамически в зависимости от действий пользователя.

Как настроить активную вкладку на основе значения строки запроса? С моим предыдущим решением для вкладок я смог передать значение строки запроса и установить активную вкладку при загрузке страницы. (Мне пришлось отказаться от этого старого решения из-за других технических проблем.)

Когда пользователь выбирает кнопку «Сохранить» в моем приложении браузера, и страница браузера перезагружается, как мне сохранить фокус на вкладке, на которой он находился до нажатия кнопки «Сохранить»?

Как настроить активную вкладку, когда пользователь возвращается на страницу «Задачи» моего браузера? Например, все в моем веб-приложении, если пользователь заходит на страницу «Проекты», а затем возвращается на страницу «Задачи», как я могу сбросить вкладку, на которой он был ранее?

Javascript:

$(function() {
   $("#tabs").tabs();
});

Пример кода HTML:

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Description</a></li>
        <li><a href="#tabs-2">Action</a></li>
        <li><a href="#tabs-3">Resources</a></li>
        <li><a href="#tabs-4">Settings</a></li>
    </ul>

<div id="tabs-1">
    <p>Description content</p>
</div>

<div id="tabs-2">
    <p>Action content</p>
</div>

<div id="tabs-3">
    <p>Resources content</p>
</div>

<div id="tabs-4">
    <p>Settings </p>
</div>

</div>