如何让GIF始终从jQuery Mobile开始？

Question

我有一个使用jQuery Mobile的小型跨平台移动应用程序。这是一个小测验应用程序，在每个正确或错误的答案后，我显示3秒GIF。我所做的是，当包含GIF的页面处于活动状态时，我让它显示3秒钟，然后转到下一页。我有以下几行代码：

else if ($.mobile.activePage[0].id == "correctGIF") {
    setTimeout(function() {
        $.mobile.navigate(nextpage);
    }, 3000);
}

但重点是，下次显示GIF时，它不会从头开始。有时它从开始，有时从中间开始，有时从结束开始。有什么方法可以让它始终从头开始吗？

我在html中使用GIF：

<div id="correctGIF" data-role="page" data-add-back-btn="false">
    <img src="images/Correct1.gif">
</div>

Answer 1

你最初加载img，即使它被隐藏了，它仍在播放。您需要在显示之前将img重新加载到DOM中。

$('#correctGIF img').remove(); // remove it
$('#correctGIF').append('<img src="images/Correct1.gif">'); // reload it