Javascript Jquery UI选项卡：从选项卡内链接到下一个/特定选项卡

我实现了以下jquery代码：

$( "#admitpage" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
$( "#admitpage li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );

HTML与此类似：

<div id="admitpage">
    <div class="navigation">
        <ul>
            <li><a href="#tab-1">Tab 1</a></li>
            <li><a href="#tab-2">Tab 2</a></li>
        </ul>
    </div>
    <div class="tab" id="tab-1">
        <p>Tab 1 content</p>
        <a class="next" href="#tab-2">Next</a>
    </div>
    <div class="tab" id="tab-2">
        <p>Tab 2 content</p>
    </div>
</div>

表1内容

表2内容

---

现在的问题是，a.next不起作用。我猜是因为它已经在一个标签里了。我如何让它工作？任何帮助都将不胜感激。在过去的一个小时里，我一直在试图解决这个问题。

最简单的解决方案是在该链接上附加一个单击事件。差不多

  $(".next").click(
    function() {
      var currentIdx = $('#admitpage').tabs('option', 'active');
      $("#admitpage").tabs({
        active: currentIdx + 1
      });
      return false;
    }
  );

---

您需要手动处理它

首先，我们应该使用选项将

活动
选项卡设置为新选项卡，然后调用


$（“#admitpage”）.tabs（）.addClass（“ui选项卡垂直ui助手clearfix”）；
$（“#admitpage li”）.removeClass（“ui角顶部”）.addClass（“ui角左侧”）；
$（“.next”）。单击（函数（e）{
e、 预防默认值（）；
var index=parseInt（this.href.split（“#tab-”）[1]）-1；
$（“#admitpage”）.tabs（“选项”、“活动”和“索引”）.tabs（“刷新”）；
});







表1内容

表2内容

没问题。不要忘记接受答案和/或更新它-如果它解决了您的问题；）