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