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 });
    });

});

该代码中的数字1是您要激活的标签的从零开始的索引，例如#fragment-1 = index 0 ，#fragment-2 =指数 1 ，#fragment-3 =指数 2 。

这是jQuery Docs

我想使用jquery

1 个答案: