jQuery UI的標籤當前集裝箱顯示問題

首先請訪問我的小提琴：http://jsfiddle.net/VsqQ3/jQuery UI的標籤當前集裝箱顯示問題

目前的前三個選項卡（tab 1，tab 2，tab 3）是默認顯示的，當我點擊next>：tab 4，tab 5，正在顯示tab 6。

我想要什麼：我想顯示tab 4，tab 5，tab 6默認。我怎麼弄到的？

$(".wrapper #tab1,.wrapper #tab2").tabs({active: 0}).tabs({ 
      collapsible: false, 
      hide: { 
        effect: "slideUp", 
        duration: 20 
      }, 
      show: { 
        effect: "slideDown", 
        duration: 200 
      } 
    }); 

    var all = $('.wrapper .main').addClass("passiv"); 
    var prev = $('.wrapper .prev'); 
    var next = $('.wrapper .next'); 
    var tab_count = all.length-1; 
    var currentContainer = -1; 

    prev.click(function(e) { 
     e.preventDefault(); 

     if (currentContainer != 0) { 
      currentContainer -= 1; 
      ctrlcontent(currentContainer); 
     } 
    }); 

    next.click(function(e) { 
     e.preventDefault(); 

     if (currentContainer < tab_count) { 
      currentContainer += 1; 
      ctrlcontent(currentContainer); 
     } 
    }).trigger('click'); 

    function ctrlcontent(index_to_show) { 
     all.removeClass("active").addClass("passiv"); 
     all.eq(index_to_show).removeClass("passiv").addClass("active"); 

     if (index_to_show == 0) prev.hide(); 
     if (index_to_show == tab_count) next.hide(); 
     if (index_to_show > 0) prev.show(); 
     if (index_to_show < tab_count) next.show(); 
    } 


    $(function() { 
      $(".wrapper .inner").buttonset(); 
    });

來源

2013-05-21 Asif

如果你看看下面一行：

var currentContainer = -1;

你可以改變這

var currentContainer = Math.floor(all.length/2) - 1; // -1 needed as your indexing seems to start at -1 rather than 0

，它應該始終啓動它的中間容器上

http://jsfiddle.net/VsqQ3/5/

來源

2013-05-21 09:09:33 Pete

它是動態的？如果我想顯示最後三個標籤怎麼辦？ – Asif

只需使用-1開頭的標籤索引 - 前三個爲'-1'，第二個爲'0'，第三個爲'1' – Pete

如果您顯示一個示例（jsfiddle示例），則對我更好一些我是jquery的新手 – Asif

只需添加next.click();到您的代碼:)

jsFiddle

next.click().click();去年3個標籤:)

jsFiddle

來源

2013-05-21 09:10:50 skafandri

它是動態的嗎？如果我想顯示最後三個標籤怎麼辦？ – Asif

jQuery UI的標籤當前集裝箱顯示問題

回答

相關問題