Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅当在iOS中单击表单提交按钮时,GIF停止动画_Javascript_Jquery_Wordpress_Safari_Frontend - Fatal编程技术网

Javascript 仅当在iOS中单击表单提交按钮时,GIF停止动画

Javascript 仅当在iOS中单击表单提交按钮时,GIF停止动画,javascript,jquery,wordpress,safari,frontend,Javascript,Jquery,Wordpress,Safari,Frontend,我有一个GIF在点击提交按钮 它在除iOS以外的所有操作系统上都能正常工作,尤其是在移动设备上 部门结构如下: <div id="loading"> <img id="loading-image" src="' . $loader_base64 . '" alt="Loading..." /> </div> 当我提交表单时,GIF停止动画,因为新的浏览器请求已立即初始化

我有一个GIF在点击提交按钮

它在除iOS以外的所有操作系统上都能正常工作,尤其是在移动设备上

部门结构如下:

<div id="loading">
    <img id="loading-image" src="' . $loader_base64 . '" alt="Loading..." />
</div>
当我提交表单时,GIF停止动画,因为新的浏览器请求已立即初始化


可能的解决方案是什么?

使用提交事件而不是click@MisterJojo尝试但没有起作用。
jQuery( "#search-form .btn" ).ready( function(){
    jQuery( "#search-form .btn, #search-bottom" ).click(function() {
        jQuery('#loading').show();
        jQuery("html, body").css( "overflow", "hidden" );
    });
} );