顯示單個數字jQuery .each（）

任何人都知道我必須在此插件中更改顯示單個數字（如「1/3」）的內容嗎？顯示單個數字jQuery .each（）

我修改了這一行：

$('.' + option.paginationClass, elem).append('<li><a href="#'+ number +'">'+ (number+1) +'</a></li>');

，並改成這樣：

$('.' + option.paginationClass, elem).append('<li><a href="#'+ number +'">'+ (number+1) +'/'+ total +'</a></li>');

現在顯示我：「1/3 2/3 3/3」。

來源

2011-03-26 nulle

一般「幫我這個jQuery插件」問題不票價很好地在計算器上。人們不介意幫助你使用你寫的代碼，因爲你正在努力。用別人寫的代碼幫助你 - 好問問編寫插件的人，或者學習如何編寫代碼。 – 2011-03-26 00:09:15

所以...我相信你只想在幻燈片中顯示當前頁碼。因此，如果您有5張幻燈片，並且您在第3頁上，那麼您只會看到「3/5」。正確？

因此，回答這個問題，這裏是原始循環周圍您上面張貼的代碼。

control.children().each(function(){ 
    $('.' + option.paginationClass, elem).append('<li><a href="#'+ number +'">'+ (number+1) +'</a></li>'); 
    number++; 
});

然而，只顯示當前頁面我們，我們將需要添加一個條件語句，只顯示一個網頁...

control.children().each(function(){ 
//Use a conditional statement to display only the current page 
//Have jQuery find the slide which is not currently hidden from view 
    if ($(this).css('display') == "block") { 
     $('.' + option.paginationClass, elem).append('<li><a href="#'+ number +'">'+ (number+1) +'</a></li>'); 
     return false; 
//If the element is not visible we still need to count up, in order to account for this page 
    } else { 
     number++; 
    } 
});

我得承認，這個代碼根本沒有經過測試，但它應該工作。我不知道的一件事是，當您翻閱幻燈片時它是否會自動更新。

希望這有助於
spryno724

來源

2011-03-26 16:56:34

顯示單個數字jQuery .each（）

回答

相關問題