如何让 GIF 在 jQuery Mobile 中始终从头开始？ [复制]答案

【问题标题】：How to make GIF always to start from beginning in jQuery Mobile? [duplicate]如何让 GIF 在 jQuery Mobile 中始终从头开始？ [复制]
【发布时间】：2014-06-11 00:05:03
【问题描述】：

我有一个使用 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>

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

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

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

【讨论】：

这应该是解决这个问题的方法