是否有可能讓.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在每個元素上工作？

回答

相關問題