Question

我在页面上有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 -->

在tab-brandy中有一个像这样的按钮元素：

 <button id="#moveToWhisky">WHISKY</button>

我想在点击标识为tab-whisky"的按钮时将标签更改为“"#moveToWhisky"。

所以这是脚本：

//Document ready
  $("#tabs").tabs({
    var tabOpts = {
     selected: 1
    };
    $("#Tabs").tabs(tabOpts);
  });

上述方法不起作用，所以我尝试了这个：

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

所以最后这样做了：

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

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

Answer 1

要设置有效标签，您需要拨打the option method to change the value of active：

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

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

1 个答案: