отправка формы после нажатия на элемент в меню вкладок в Jquery

Question

Пример по адресу: http://jqueryui.com/demos/tabs/, Я бы хотел, чтобы форма отправлялась при нажатии на меню tab-2.

Ниже приведен мой код.Тем не менее, форма не отправляется после нажатия.

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

<script>
    $(function() {
        $( "#tabs" ).tabs();

        $('#tabs-2').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">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>

Answer 1

$(document).ready(function(){
    $('#tabs-2').click(function() {
        $('#target').submit();
    });
});

Answer 2

Я думаю, вам нужно определить id для Tab-2, как упомянуто здесь. но здесь вы ссылаетесь на div id click.

<li><a href="#tabs-2" id="tab2">Tab-2</a></li>

$('#tabs2').click(function() {
    $('#target').submit();
});

Answer 3

Вы, вероятно, обнаружите, что плагин для вкладок в любом случае предотвращает действие по умолчанию для щелчка и не вызывает событие щелчка.

Вместо этого попробуйте подключиться к событию tabselect и использовать ui.tab дляпроверьте, является ли атрибут href выбранной вкладки #tabs-2.

$("#tabs").bind("tabsselect", function(event, ui) {
    if(ui.tab.attr('href') == '#tabs-2') {
        $('#target').submit();
    }
});

или , вы можете сделать это при создании вкладок:

$("#tabs").tabs({
   select: function(event, ui) {
        if(ui.tab.attr('href') == '#tabs-2') {
            $('#target').submit();
        }
     }
});

Вы также можете использовать ui.index, чтобы получить нулевой индекс выбранной вкладки, или ui.panel, чтобы получить выбранный div содержимого для этой вкладки.Что бы вы ни предпочли!