Как заставить страницу оставаться на нажатой вкладке в Jquery

Question

В настоящее время страница отправляется после нажатия вкладки 2 в меню вкладок.Тем не менее, страница вернется к вкладке 1 после отправки.Я бы хотел, чтобы страница оставалась на вкладке-2 после нажатия на вкладку 2.

Кто-нибудь может мне помочь?Большое спасибо!

Ниже мой код:

<script>
            $(function() {
        $( "#tabs" ).tabs();
                $('#tabs-B').click(function() {
                    $('#target').submit();
                });

            });
    </script>



<div id="tabs">
    <form id="target">
    <ul>
        <li><a href="#tabs-1">Tab-1</a></li>
        <li><a href="#tabs-2" id="tabs-B">Tab-2</a></li>
        <li><a href="#tabs-3">Tab-3</a></li>
    </ul>
    <div id="tabs-1">

    </div>
    <div id="tabs-2">

    </div>
    <div id="tabs-3">


    </div>
   </form>
</div>

Answer 1

Если у вас есть плагин Cookie , вы можете использовать опцию 'cookie' jQuery UI Tab .

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

Answer 2

создайте куки перед отправкой, чтобы указать, какую вкладку вы открыли в последний раз. затем во время загрузки страницы получите cookie. если cookie не существует, по умолчанию вы находитесь на вкладке 1. в противном случае получите значение cookie и откройте вкладку, как указано в cookie.