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

时间:2015-02-24 12:36:01

标签: javascript jquery twitter-bootstrap tabs

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

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

另外,作为一个单独的想法,如果最后一个选项卡当前被选中,我还希望实现Next按钮显示第一个选项卡,而在第一个选项卡上显示与Previous按钮相反的显示第一个选项卡

1 个答案:

答案 0 :(得分:0)

试用下面的代码

//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");
     }