javascript - JQuery: Tabs - 你怎么知道一个选项卡被点击了？

Question

我正在使用 JQuery Tabs .

我想在用户点击特定选项卡时触发我的功能。

单击时如何将事件绑定(bind)到每个单独的 JQuery 选项卡？

Answer 1

Select event: This event is triggered when clicking a tab.

如果你想为每个标签添加不同的功能，你可以给每个 anchor 一个onclick事件。

<ul>
    <li><a href="#tabs-1" onclick="function1();">Nunc tincidunt</a></li>
    <li><a href="#tabs-2" onclick="function2();">Proin dolor</a></li>
    <li><a href="#tabs-3" onclick="function3();">Aenean lacinia</a></li>
</ul>
....

<script type="text/javascript">

    $(document).ready(function(){
        $( ".selector" ).tabs();
    });

    function function1(){
        // your code here
    }

    function function2(){
        // your code here
    }

    function function3(){
        // your code here
    }
</script