Javascript 在移动设备上显示：阻止后加载gif不播放

我有一个gif，我想在提交表单后播放（因为这个过程需要一段时间才能完成）。我在页面上设置了一个html加载程序来显示：无

<div id="loading-wrapper">
    <div class="center">
        <div id="loader" class="loader">
            <img id="loadgif" src="img/loading.gif">
        </div>
        div id="loading-text"><h2 style="font-weight:100;" id="theTitle">Rendering</h2></div>
    </div>
</div>

div id=“加载文本”>呈现

---

当用户单击表单上的submit时，“loading wrapper”设置为display:block。这在桌面上运行良好，但在移动设备（chrome）上无法播放gif。我尝试在用户提交表单后动态加载gif，但似乎没有任何效果

您可以共享

加载包装器

元素的CSS吗？CSS如下：

#加载包装器{位置：固定；宽度：100%；高度：100%；左侧：0；顶部：0；背景色：#D45D8；z索引：999；显示：无；文本对齐：中心；}

在表单提交中，有一个监听器可以将显示更改为块。这在除移动设备外的所有设备上都可以正常工作。我认为这与DOM没有重新加载图像有关。但是，当我在显示更改为：块后重新加载gif时，它仍然无法播放。您可以共享

加载包装器

元素的CSS吗CSS如下：

#加载包装{位置：固定；宽度：100%；高度：100%；左侧：0；顶部：0；背景色：#D45D8；z索引：999；显示：无；文本对齐：居中；}

在表单提交中，有一个侦听器可以将显示更改为块。这在除移动设备外的所有设备上都可以正常工作。我认为这与DOM没有重新加载图像有关。但是，当我在显示更改为：块后重新加载gif时，它仍然无法播放。