2016-09-29 5 views
0

記事をx個の読み込みに遅延させるスクリプトが見つかりましたが、記事の総数が毎日変わるとどうなりますか?そのアイテムがセット内の合計金額を計算する方法はありますか(それは意味がありますか?)。したがって、999の代わりに、またはitems変数の特定の数値。記事の無制限量をロードする(レイジーロード)

問題は、サイトに追加された記事の数が決して分からないことです。

は、ここに私のJSFiddle https://jsfiddle.net/robertallenbaker/maezdhe2/4/

$(document).ready(function() { 
$('.sidebar-article-entry').hide(); 
$('.sidebar-article-entry:lt(5)').show(); 
var items = 999; 
var shown = 5; 
$('.more-articles-link').click(function() { 
    shown = $('.sidebar-article-entry:visible').size()+5; 
    if(shown< items) { 
     $('.sidebar-article-entry:lt('+shown+')').slideDown(); 
    } 
    else { 
     $('.sidebar-article-entry:lt('+items+')').show(); 
     $('.more-articles-link').hide(); 
    } 
}); 
}); 

答えて

0

あなたはこのためslice()を使用することができます。それは、それからちょうどshown

var $entries = $('.sidebar-article-entry'), 
     shown = 5; 

    $entries.filter(':gt(4)').hide();  

    $('.more-articles-link').click(function() { 
    $entries.slice(shown, shown + 5).show(); 
    shown += 5; 
    if (shown >= $entries.length) { 
     $(this).hide() 
    } 
    }); 

DEMO

+0

素晴らしい要素のコレクションのlengthに比較

開始と終了の指標に基づいて要素をフィルタリングします!どうもありがとうございます! – robertallenbaker

関連する問題