通过不同DOM元素选择Jquery选项卡

我在一个页面上有4个选项卡，其代码如下：

<div id="tabs">
  <ul>
    <li><a href="#tab-brandy">BRANDY</a></li>
    <li><a href="#tab-whisky">WHISKY</a></li>
    <li><a href="#tab-gin">GIN</a></li>
    <li><a href="#tab-wine">WINE</a></li>
  </ul>

  <div id="tab-brandy">
    <!-- Tab brandy contents -->
  </div>

  <div id="tab-whisky">
    <!-- Tab whisky contents -->
  </div>

  <!-- Similarly tab GIN and tab WINE -->

上述方法无效，因此我尝试了以下方法：

    $("#tabs").tabs({
      $("#tabs").tabs("select", 2) //2 is tab number
  });

因此，最后做了以下工作：

    $("#moveToWhisky").click(function(){
        $("#tabs").tabs("select", 2);
     });

---

似乎什么也没用，我做错了什么？

要设置活动选项卡，您需要调用：

---

要设置活动选项卡，您需要调用：

---

谢谢。我现在明白了。等待接受你的回答。我研究的那本书在标签下的任何地方都没有活动选项。再次感谢，非常感谢。我现在明白了。等待接受你的回答。我研究的那本书在标签下的任何地方都没有活动选项。再次感谢。

    $("#tabs").tabs({
      $("#tabs").tabs("select", 2) //2 is tab number
  });

    $("#moveToWhisky").click(function(){
        $("#tabs").tabs("select", 2);
     });

$("#tabs").tabs("option", "active", 2);