Question

我有以下功能。总而言之，我有4个div，我想将init类应用到。 init类基本上显示了4个div。

它应该工作，但它同时显示所有4个div，这不是我想要的。我想显示1个div，然后是下一个，然后是下一个，等等。

我哪里错了？

$('.campaign-item').waypoint({                          

    handler: function() {

        var $this = $(this);

        $this.each(function(i) {

            setTimeout(function() {
                $this.addClass('init');
            }, i * 500 );
        });                         
    },
    offset: '60%'
});

Answer 1

您需要将类添加到每个元素，而不是所有元素。

var $this = $(this);
$this.each(function(i,v){
    setTimeout(function(){
        $(v).addClass('init');
    }, i * 500 );
});

Answer 2

$('.campaign-item').each(function (i) {

    var $this = $(this);

    $this.waypoint({
        handler: function() {
            setTimeout(function() {
                    $this.addClass('init');
            }, i * 500 );                                                         
        },
        offset: '60%'
    });
});

Answer 3

我认为您的问题是jQuery对象包含与您的选择器匹配的对象的集合。＆＃34; $（本）＆＃34;是那个集合。＆＃34;每个＆＃34;函数使您可以使用返回的第二个参数（＆＃34;函数（索引，元素）＆＃34;）访问该集合中的各个元素。在您的代码中，您尝试添加＆＃34; init＆＃34;因为＆＃34; $ this＆＃34;是整个系列。您需要将类添加到每个函数的每次迭代中返回的第二个参数。

$ .each函数显示每个DIV，一次一个

3 个答案: