Javascript 我需要在单击jQueryUI选项卡时运行一个函数，我做错了什么？

我在下面找到了（修改过的）代码，但警报没有发生。请帮忙。 我也不明白为什么onclick在“a[name=tab]”上，为什么不在“tab1”或[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>

使用或

使用或

---

首先，为什么要使用

a[name=tab]

而不是

[tab1]

a[name=tab]

表示

a

标记，其

名称

属性等于

tab

如果使用

a[tab1]

则表示具有

tab1

属性的

a

标记

您应该查看jquery文档以了解它。

第二个，您的代码不工作，因为它有一个错误，但您可以这样修复它：

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

顺便说一下，您应该检查一下

jqueryui

选项卡

---

首先，为什么要使用

a[name=tab]

而不是

[tab1]

a[name=tab]

表示

a

标记，其

名称

属性等于

tab

如果使用

a[tab1]

则表示具有

tab1

属性的

a

标记

您应该查看jquery文档以了解它。

第二个，您的代码不工作，因为它有一个错误，但您可以这样修复它：

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

顺便说一下，您应该检查一下

jqueryui

选项卡

---

Google缓存选项卡API文档；-）：谢谢你，谢谢你。第二个问题的代码不适用于我。我可能没有把它放在正确的地方，请让我知道它应该放在我的代码中的什么地方。你包括jqueryui了吗？如果是的话。然后尝试将`$（“#tabs”）.tabs（…`函数放入

jQuery（document）.ready（函数（$）{…

scope.googlecache of tabs API documentation；-）：Thank lots现在可用。谢谢Chockchai。第二个问题的代码对我不起作用。我可能没有把它放在正确的位置。请让我知道它应该放在我的代码中的什么地方。你包括jquery ui了吗？如果是。然后试着放`$（“#tabs”）。tabs（…`函数在

jquery（文档）。ready（函数（$）{…

scope。

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