我想使用jquery在jquery ui选项卡之间切换

Question

我想有一个页面，点击一个按钮，自动移动到下一个选项卡(像一个向导)

<div id="tabs">
  <ul>
    <li><a href="#fragment-1"><span>One</span></a></li>
    <li><a href="#fragment-2"><span>Two</span></a></li>
    <li><a href="#fragment-3"><span>Three</span></a></li>
  </ul>
  <div id="fragment-1">
    <button id="clickme">Click me</button>
  </div>
  <div id="fragment-2">
    ...
  </div>
  <div id="fragment-3">
      ...
    </div>
  </div>
</body>
<script>
$("#tabs").tabs();

$('#clickme').click(function() {
    $("#tabs").tabs({ active:"#fragment-2" });
});
</script>

Answer 1

在初始化之后，正确的方法是这样做(并将代码包装在文档就绪函数中)：

$(document).ready(function(){
    //init the tabs
    $("#tabs").tabs();

    // add your click handler
    $('#clickme').click(function() {
        $("#tabs").tabs('option', 'active', 1 });
    });

});

该代码中的数字索引是要激活的选项卡的从零开始的索引，如#fragment-1 = 1 、#fragment-2 =索引1和#fragment-3 =索引2<代码>E210。

这是jQuery Docs