下面的动画就像我第一次调用函数时所需要的那样工作,但是在函数更改类之后,当你调用函数时,只有不透明动画可以工作,左边的幻灯片甚至不会尝试执行。我是Jquery的新手,所以我不确定是什么原因导致一个动画不工作,而另一个工作正常……任何建议都是非常感谢的。该示例可以在www.digitalbrent.com/lab中找到-单击populate,然后单击decrease。
function slider_minus(){
$('.left_slot').animate({
left: '50px' //only works on first function call
},300);
$('.middle_slot').animate({
left: '50px' //only works on first function call
},300, function(){
$('.middle_slot').attr('class','right_slot')
$('.left_slot').attr('class','middle_slot')
});
$('.right_slot').animate({
opacity: 0, //works correctly every time
left: '50px' //only works on first function call
},300);
}发布于 2012-04-01 15:10:49
因为您设置的是left:50px,所以一旦设置为左侧50px,它看起来就不会有动画效果。
试一试
left: "+=50"
这将导致您的div每次被调用时都会向左移动50像素,而不管它现在位于何处
https://stackoverflow.com/questions/9962552
复制相似问题