jQuery:选项卡-如何知道何时单击选项卡?

问题描述

我正在使用"jQuery"标签.

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

I want to fire a function of mine when the user clicks on a particular tab.

如何在单击时将事件绑定到每个单独的JQuery选项卡?

How do I bind an event to each individual JQuery Tab when clicked?

推荐答案

选择事件:此单击选项卡时触发事件.

如果要向每个选项卡添加不同的功能，则只需给每个锚点一个onclick事件即可.

If you want to add a different function to each tab, you can just give each anchor an onclick event.

<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

这篇关于jQuery:选项卡-如何知道何时单击选项卡?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！