jquery - 是否可以使用 .each 让 .animate 对每个元素起作用？

Question

作为网站升级的一部分，我正在为页面底部创建自己的图像滚动条。用户单击向左箭头滚动图像，使图像全部向左移动，向右移动。我了解如何使用 .each 来影响项目列表，但我无法让它与 .animate jquery 一起使用。有人能解释一下吗？我目前的 JavaScript 是这样的:

$('#rightButton').click(function()
{
    $('.galleryItem').each( function( index ) 
    {
            $(this).animate({left:"+=100px"},500);
    }); 
});

这是它的 jsFiddle: http://jsfiddle.net/vLSD3/

Answer 1

您需要使用每个元素内部的动画。 this 是错误的上下文。

$('#rightButton').click(function()
{
 $('.galleryItem').each( function( index, element ) 
 {
    if ($(element).offset().left < 0) 
    {
        $(element).animate({left:"+=100px"},500);
    }
 }); 
});

这是 jsfiddle 中一个非常简单的演示:http://jsfiddle.net/2Ruuj/