jQuery animate()没有动画左边的属性

时间:2015-09-28 14:52:28

标签: jquery html css

所以,我尝试使用jQuery创建一个简单的图像滑块,我仍然坚持使用jQuery的animate属性。这是Fiddle。我的jQuery代码看起来像这样(属性宽度仅供参考,表明代码正常工作,可以省略)

$(document).ready(function(){
setInterval(function(){
    moveRight();
}, 1000);
});
var imageCount = $("#slider-wrapper .images img").length();
function moveRight(){
$(".images img").animate({
    left: '300px',
    width: '25%'
}, 1000, function(){
    $(".images img").css('left', '');
});
}

animate函数不是动画属性left,但属性width是动画的。我究竟做错了什么?它与我的CSS有关吗?

1 个答案:

答案 0 :(得分:1)

您可能需要在CSS文件中将position: relativeposition: absolute添加到选择器.images img。 left属性与' position'。

一起正常工作
.images img {
  position: relative; /* Or absolute/fixed */
}