0

基本的にいくつかの要素を取得し、それらを6つのアイテムで停止するコードを以下に示します。次に、クリックすると残りの div に読み込まれるボタンを取得しました。

一度に6つのdivでロードしたいだけです。これを行う方法を知っている人はいますか？

これがJavaScriptです：

function click_load() {
    var count = 0;
    var item = $('.newsmainimages');
    //var itemClick = $('<a href="#">Load More</a>');

    $(item).each(function() {
        if (++count == 6) {
            $(this).parent().append('<div class="nextClick"><a href="#">Load More</a></div>');
        }
        else if (count > 6) {
            $(this).css('display','none');
        }
    });

    $('.nextClick a').click(function() {
        $(item).each(function(item) {
            $(this).delay(200*item).fadeIn("slow");
        });
        alert(item);
        return false;
    });
}

乾杯

4

1 に答える 1

1

この種のものにスライスを使用できます

デモ

    $(function(){


       var count = 6;
       showListItems(0 , count);

       $('button').click(function() {
           showListItems(0, ($('ul li:visible').length) + count);

       });

       function showListItems(firstNumber, lastNumber) 
       {
          $('ul li').slice(firstNumber, lastNumber).fadeIn("slow"); 
       }       


    });​
于 2012-10-25T11:42:24.633 に答える