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/

是否有可能使用.anach让.animate在每个元素上工作？

1 个答案: