javascript - 如何修复在提交点击移动设备时冻结的加载 GIF，并修复加载后点击显示的 GIF

Question

我创建了一个网页，该网页的表单提示用户输入两个文本输入和一个无线电输入。一旦用户单击提交，我就有一个运行 OnClick 的函数，它将使用 jQuery 隐藏（）表单并显示（）加载 GIF。

<input type="submit" value="Submit" id="submitinput" onClick="loading();">

功能

<script>

function loading(){
    $("#form1").hide();
    $("#loadingGIF").show();
}

</script>

在台式机/笔记本电脑上一切正常（两者都使用 Chrome），但在平板电脑或手机上（在 Safari 和 Chrome 中测试）出现问题。在 CSS 样式表中，我将加载 GIF 设置为 display:none。我尝试使用 $(document).ready() 函数。我曾想过要有另一个功能来自动刷新，但我还不确定如何做到这一点。

标签： javascriptphpjqueryhtml