Javascript jQuery停止操作“;“休息”;动画
我有以下代码:Javascript jQuery停止操作“;“休息”;动画,javascript,jquery,Javascript,Jquery,我有以下代码: function play_fu() { $( "#main_photo img" ).fadeOut(250, function() { //change photo with new photo ++ }).fadeIn(-250, play_fu).delay(400); } $( "#play" ).click(function() { $(this).hide(); $( "#pause" ).show(); play_
function play_fu() {
$( "#main_photo img" ).fadeOut(250, function() {
//change photo with new photo ++
}).fadeIn(-250, play_fu).delay(400);
}
$( "#play" ).click(function() {
$(this).hide();
$( "#pause" ).show();
play_fu();
});
$( "#pause" ).click(function() {
$( "#main_photo img" ).stop(true);
$(this).hide();
$( "#play" ).show();
});
正如您所看到的,由于函数play_fu
,#main_photo img
始终处于动画状态(某些内容被添加到其动画队列中)。单击“暂停”时,我希望最后一个动画发生,以便用新照片更改照片,然后单击“fadeIn”,然后停止
现在,发生的情况是,一张新照片可能尚未淡入,动画将在单击“暂停”时立即停止。有什么办法解决这个问题吗?应该是
$( "#main_photo img" ).stop(false, true);
应该是
$( "#main_photo img" ).stop(false, true);
谢谢你的回答。。。现在,当我按下
pause
时,动画似乎并没有停止。它一直在继续。尝试使用$(“#main#u photo img”)。停止(true,true);。如果仍然不行,请摆好小提琴,这样我可以进一步帮助你。谢谢你的回答。。。现在,当我按下pause
时,动画似乎并没有停止。它一直在继续。尝试使用$(“#main#u photo img”)。停止(true,true);。如果仍然不行,请摆好小提琴,这样我可以进一步帮助你。