如何通过外部链接（选项卡链接以外的其他链接）打开jquery ui表格

我在我的网页上用过。一切都很好。但是，我想我可以打开下一个标签页的标签链接和其他链接。但是，我做不到。我在每个选项卡上都尝试过，有“下一个”或“上一个”链接，我想通过它们相对地打开下一个和上一个选项卡（就像第一个选项卡、第二个选项卡和第三个选项卡链接）。我应用了与jquery ui中使用的选项卡链接相同的技术：

<ul>
    <li><a href="#tabs-1">First Tab</a></li>
    <li><a href="#tabs-2">Second Tab</a></li>
    <li><a href="#tabs-3">Third Tab</a></li>
</ul>

但是，这是行不通的：

<a href="#tabs-1" class="left">Previous</a> 
<a href="#tabs-2" class="right">Next</a> 
<a href="#tabs-3" class="right">Next</a>

那么，如何通过内部/外部链接打开其他选项卡页面呢？

我已经给出了您的示例，并对其进行了更改

使用

$（“#tabs”）.tabs（{active:INDEX}）通过索引设置
活动的
选项卡将允许您导航到任何选项卡

例如，也：

HTML:
<div id="tabs">
    <ul>
        <li><a href="#tab-1">First Tab</a></li>
        <li><a href="#tab-2">Second Tab</a></li>
    </ul>
    <div id="tab-1"><p>This is first tab!<p>
        <button class="btn-next">Next</button>
        <div class="clear"></div>
    </div>
    <div id="tab-2"><p>This is second tab!<p>
        <button class="btn-prev">Previous</button>
        <div class="clear"></div>
    </div>
</div>

$(document).ready(function () {

    $( "#tabs" ).tabs();

    $(".btn-next").click(function() {
        $("#tabs").tabs({ active: 1 });
    });

    $(".btn-prev").click(function() {
        $("#tabs").tabs({ active: 0 });
    });

});