Question

我试图无限地循环jQuery动画和jQuery UI'explode'效果，直到事件停止它。这是我的代码：

function movingPicture() {
    $('img').delay(2800).animate({right: '44%'}, 3000, movingPicture).effect('explode');
    $('img').css('right', '-100px');
    $('img').show();
};
movingPicture();

根据我所做的一些研究，这应该是无限循环的。 img将向左移动到文档中，爆炸，然后重置回原始位置。然后，我希望它能无限地执行相同的动画直到停止。我究竟做错了什么？此外，当事件发生时，我可以停止循环的方式是什么，例如单击按钮。顺便说一句，我是初学者，所以尽量保持简单。谢谢！

Answer 1

你这样做

function movingPicture() {
    $('img').delay(2800).animate({right: '44%'}, 3000, function() {
        $(this).effect('explode', function() {
            $(this).css('right', '-100px').show();
            movingPicture();
        });
    });
}
movingPicture();

FIDDLE

为什么我的jQuery循环动画不起作用？

1 个答案: