javascript - 单击 jquery-ui 选项卡时我需要运行一个函数，我做错了什么？

Question

我在下面找到了(修改过的)代码，但警报没有发生。请帮忙。我也不明白为什么onclick在“a[name=tab]”上，为什么不在“tab1”或a[tab1]上？

  <script>
     jQuery(document).ready(function($){
        $("a[name=tab]").click(function(e){
           if($(this).attr('id')=="tab1")
           {
              alert("1");
           }
           if($(this).attr('id')=="tab2")
           {
              alert("2");
           }
     });

    <div id="tabs">
        <ul>
            <li><a name="tab" id="tab1" href="#tabs-1">One</a></li>
           <li><a name="tab" id="tab2" href="#tabs-2">Two</a></li>
        </ul>
        <div id="tabs-1">
            <p>First tab.</p>
        </div>
        <div id="tabs-2">
            <p>Second tab.</p>
        </div>
    </div>

我发现有一个在选项卡更改时运行的函数，但我不知道如何使用它，也找不到将它放在我的代码中的位置。我也想在这方面提供帮助。谢谢。

         $("#tabs").tabs({
                alert(ui.index);
             select: function(event, ui) {
                alert(ui.index);
                return true;
             }
         });

Answer 1

使用 activate event或 beforeActivate event .

$(document).ready(function () {
    $("#tabs").tabs({
        activate: function (event, ui) {
            alert(ui.index);
        }
    });
});