引导选项卡-下一个和上一个按钮

Bootstrap Tabs - Next and Previous Buttons

本文关键字：上一个 按钮 下一个 选项      更新时间：2024-04-29

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

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

另外，作为一个单独的想法，如果当前选择了最后一个选项卡，我还想实现Next按钮显示第一个选项卡，而与第一个选项卡上的Previous按钮相反，单击时显示最后一个标签

尝试以下代码

//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");
     }
相关文章：