Javascript jQuery滑动选项卡：控件选项-下一个/上一个

我正在尝试使用下一个/上一个选项控制选项卡。这是我的。我花了几个小时研究并找到了这个函数中的下一个/上一个函数的方法。我已经复制了我的示例中的所有内容，但没有得到任何结果。有人能看看我的眼睛，告诉我我做错了什么吗

下一个/上一个jquery/js

---

首先，必须包含jQueryUIJS库才能使用jQueryUI选项卡。我编辑了你的小提琴，将其包括在内，然后显示了“下一步”按钮-

其次，将同一DOM元素上的两个选项卡插件组合在一起—滑动选项卡和jQueryUI选项卡—然后尝试使用jQueryUI方式以编程方式遍历它们。我认为这不太管用。你需要选择一个插件来使用

第三，滑动标签插件已经为您提供了下一步和上一步按钮。因此，我建议您仅在jQuery UI选项卡上使用上述网站的下一个/上一个功能

希望这有帮助

---

更新：这把小提琴--演示了如何使用滑动标签实现下一个/上一个功能。

看起来你把下一个和上一个标签放在了标记中的错误位置。@MatthewBlancarte，我加上一条评论。你能告诉我确切的位置吗？尝试为下一个选项卡和上一个选项卡添加单独的单击，并尝试使用parseInt$this.attr'rel.@MatthewBlancarte，我不认为这是真的。next/prev按钮通过他的JS以编程方式添加到标记中。谢谢您的帮助。我加上一个你的答案。在我接受你的回答之前，最后一件事是，你能告诉我一个滑动选项卡的解决方案吗？我用一个工作示例更新了我的提琴，说明如何使用滑动选项卡实现下一个/上一个。注意，我删除了jQueryUI.js，也删除了jQueryUI选项卡的初始化。滑动选项卡不会公开任何事件/方法来选择下一个和上一个选项卡。所以我临时在标签上触发了一个点击事件。整理标记以正确定位下一个/上一个按钮，您就拥有了一个完全工作的模型。祝你一切顺利！非常感谢。谢谢你的帮助。我加上一条你的评论，我会接受你的回答。我的朋友，看来你是唯一能帮助我的人。我正在尝试禁用顶部菜单选项卡的单击。我希望用户按顺序运行。这是我的密码。我添加了几行代码，但不起作用。你能帮帮我吗？你又在这里混合jQuery UI标签了。正如我前面所说，您需要选择jQueryUI选项卡或滑动选项卡——不能在同一个DOM元素上同时使用这两个选项卡！另外，你能详细描述一下你想要达到的目标吗？我可以建议使用jQueryUI选项卡还是滑动选项卡更好。

<script>
$(document).ready(function() {
    var $tabs = $('#st_horizontal').tabs();
    $(".st_tab_view").each(function(i) {
        var totalSize = $(".st_tab_view").size() - 1;
        if (i != totalSize) {
            next = i + 2;
            $(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
        }
        if (i != 0) {
            prev = i;
            $(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
        }
    });
    $('.next-tab, .prev-tab').click(function() {
        $tabs.tabs('select', $(this).attr("rel"));
        return false;
    });
});
</script>