时间戳

首页 > 解决方案 > 仅在 iOS 中单击表单提交按钮时 GIF 停止动画

javascript - 仅在 iOS 中单击表单提交按钮时 GIF 停止动画

问题描述

单击“提交”按钮时，我有一个 GIF。

它在除 iOS 之外的所有操作系统上运行良好，尤其是在移动设备上。

DIV结构如下：

<div id="loading">
    <img id="loading-image" src="' . $loader_base64 . '" alt="Loading..." />
</div>

$loader_base64GIF 图像在哪里base64 | data-uri。我也尝试过保持图像的正常 URI。但它不工作。

我正在通过这个 JS 代码显示加载 GIF：

jQuery( "#search-form .btn" ).ready( function(){
    jQuery( "#search-form .btn, #search-bottom" ).click(function() {
        jQuery('#loading').show();
        jQuery("html, body").css( "overflow", "hidden" );
    });
} );

当我提交表单时，GIF 停止动画，因为新的浏览器请求已立即初始化。

可能的解决方案是什么？

标签： javascriptjquerywordpresssafarifrontend

解决方案

推荐阅读