Bootstrap选项卡 - 下一个和上一个按钮

Question

我有以下内容： http ： //goo.gl/FZMd33

我想要的输出是如果选择第一个选项卡，前一个按钮被禁用，另一端选择最后一个选项卡时，下一个选项卡将被禁用。

另外作为一个单独的想法，我也希望实现Next按钮显示第一个选项卡，如果当前选中了最后一个选项卡，则与第一个选项卡上的Previous按钮相反，以显示最后一个选项卡

Answer 1

试试下面的代码

//Put this code on click of **Next Button**

        if ($tabs.filter('.active').next('li').length > 0) {
             $('#wheel-right').removeAttr("disabled");
         } else {
             $('#wheel-right').attr("disabled", "disabled");
         }




// Put this code on click  of **Previous Button**

     if ($tabs.filter('.active').prev('li').length > 0) {
         $('#wheel-left').removeAttr("disabled");
     } else {
         $('#wheel-left').attr("disabled", "disabled");
     }