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

作为我网站升级的一部分，我为页面底部创建了自己的图像滚动条。用户点击左箭头滚动浏览图片，使其全部移动到左侧，右侧移动。我知道如何使用.each来生成一个项目列表，但不能，但我不能让它与.animate jquery一起工作。任何人都可以对此有所了解吗？我的javascript，因为它代表的时刻：是否有可能让.animate使用.each在每个元素上工作？

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

这里是的jsfiddle它： http://jsfiddle.net/vLSD3/

来源

2013-01-02 Ryan Mark Roger Staff

哪里是你的代码的其余部分？你可以做一个jsFiddle吗？ –

你确定我只是做了一个jsFiddle看看：http://jsfiddle.net/vLSD3/ –

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

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

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

来源

2013-01-02 01:16:58

感谢特拉维斯J，我发现这个问题，更完全与我的CSS，以及我的定位，但我很感谢，我如果没有您的样品，您将不会注意到它：D –

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

回答

相关问题