Javascript JQuery：禁用滑动选项卡的顶部菜单

我离目标越来越近了。但我在禁用滑动选项卡的顶部菜单时遇到困难。我的目标是，用户将仅通过上一个/下一个控件导航选项卡。我的一些代码仍然没有禁用顶部菜单。有什么建议吗

谢谢

*JQUERY

$（文档）.ready（函数（）{
$（'.prev选项卡'）。单击（函数（）{
$（'.st_tab_active'）.attr（{'disabled'：true}）；
var tab=$（'.st_tab_active'）.parent（）.prev（）.children（'a'）；
tab.removeAttr（“禁用”）；
tab.trigger（'click'）；
返回false；
});
$（'.next tab'）。单击（函数（）{
$（'.st_tab_active'）.attr（{'disabled'：true}）；
var tab=$（'.st_tab_active'）.parent（）.next（）.children（'a'）；
tab.removeAttr（“禁用”）；
tab.trigger（'click'）；
返回false；
});
});

该插件看起来具有外部链接功能

在这里检查

使用href=“#tab_2”将下一步作为外部链接

当用户单击“下一步”时，它将移动到选项卡2并更新“下一步”选项卡3的链接和“上一步”选项卡1的链接

它需要在HTML/CSS和JS中进行更改

---

查看此小提琴

如果用户单击选项卡，您不想执行任何操作吗？是否仅使用prev/next更改选项卡？@sabithpocker是，这是正确的插件应该绑定选项卡上的单击事件，您可以解除绑定。但您不能使用tab.trigger（'click'），因为tab现在没有绑定的click事件。相反，你将不得不直接调用plugin方法。+1你的评论，你能在JSFIDLE中给我看一下吗，或者如果你能发布完整的答案。我会接受的。请检查小提琴，我有一个连接问题，所以延迟。+1哇非常好。但是我需要在选项卡底部有一个上一页/下一页供用户单击。@jonthecoder2346你能解释一下吗？该选项卡的左右两侧已经有上一页/下一页。是的，上一页和下一页位于左上方和右上方。但是我可以在选项卡内容的底部显示另一个集合，其中包含单词Next/Previous。是的，在这种格式中，将prev类更改为其他类或覆盖那些css。如果你换个班说。内联prev，将该选择器也添加到jQuery中单击bindingOk，您已经让我非常接近了。所以我有这个，它工作得很好。但前面的不是：。进去看看。

<script>
    $(document).ready(function() {

                $('.prev-tab').click(function() {
                    $('.st_tab_active').attr({'disabled': true});
               var tab=  $('.st_tab_active').parent().prev().children('a');
               tab.removeAttr('disabled');
               tab.trigger('click');
                return false;
                });

               $('.next-tab').click(function() {
                   $('.st_tab_active').attr({'disabled': true});
               var tab=  $('.st_tab_active').parent().next().children('a');
                tab.removeAttr('disabled');
                tab.trigger('click');
                return false;
            });

         });
  </script>  

<a href="#tab_2">Next</a>
<a href="#tab_1">Prev</a>