Question

我试图做这样的事情：

    $('#list-item-1').delay(500).addClass('animated fadeInRight');
    $('#list-item-2').delay(1000).addClass('animated fadeInRight');
    $('#list-item-3').delay(1500).addClass('animated fadeInRight');
    $('#list-item-4').delay(2000).addClass('animated fadeInRight');
    $('#list-item-5').delay(2500).addClass('animated fadeInRight');
    $('#list-item-6').delay(3000).addClass('animated fadeInRight');

但所有项目同时从右侧淡入。我不明白为什么

Answer 1

delay()对addClass()没有影响，您应该使用setTimeout

示例

setTimeout(function(){$('#list-item-1').addClass('animated fadeInRight');}, 500);

Answer 2

delay()仅适用于效果队列。 addClass()不是效果队列。你需要使用类似slideUp()等的东西才能让延迟像这样工作。

Answer 3

尝试使用setTimeout函数。

https://www.udemy.com/blog/jquery-settimeout/

使用延迟和css动画淡化效果jquery

3 个答案: