我有一组元素,当我单击特定按钮时,我想使用 jquery 一次为一个元素设置动画。
这是我的 html 标记。
<ul class="image-wrapper">
<li class="image">
<img src="images/slider-image-1.jpg">
</li>
<li class="image">
<img src="images/slider-image-1.jpg">
</li>
<li class="image">
<img src="images/slider-image-1.jpg">
</li>
</ul>
<div class="left-arrow"></div>
<div class="right-arrow"></div>
<div class="overlay"></div>
<div class="menu"></div>
这是我为每个元素设置动画的 jquery 代码。
$('.left-arrow').click(function(){
$('.image').first().animate({
width:'0px'
},1000);
})
但问题是在第一个动画之后,我不能继续剩下的!如何循环遍历元素以在每个元素中滑动。