javascript - 通过单击一次淡入 6 个 div 的倍数

Question

我在下面有这段代码，它基本上获取了一些元素并将它们停止在 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;
    });
}

干杯

Answer 1

您可以将 slice 用于此类事情

演示

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


    });​