使用 jQuery 推送列表

Question

我有一个类似于li的每个函数

theList = $('#list li')
total = theList.length;   
  theList.each(function(i){      
   //stuff
    theItems = [];
    theItems.push($(this).animate({opacity:'1'},1111).delay(100).animate({opacity:'.8'}));
})

我正试图弄清楚如何隔离每个项目，执行动画，然后移动到下一个项目。

现在它只是一次完成所有这些。

奖励：如何防止它丢弃我的 CSS 悬停？

#list li:hover { opacity:1; }

Answer 1

试试这个：

var $theList = $('#list li');
$theList.each(function (index) {
    $(this).animate({
        opacity: '1'
    }, 1111).delay(100 * index).animate({
        opacity: '.8'
    });
});