jquery - 是否可以让 .animate 使用 .each 处理每个元素？

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/