如何修复针对移动设备的提交点击时的冻结加载GIF，以及如何修复返回点击时显示的加载GIF

Question

我创建了一个网页，该网页具有一种形式，提示用户输入两个文本输入和一个单选输入。用户单击提交后，我就会运行一个运行OnClick的函数，该函数将使用jQuery隐藏（）表单并显示（）加载的GIF。

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

功能

<script>

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

</script>

在台式机/笔记本电脑上，一切正常（同时使用Chrome和Chrome），但是在平板电脑或手机上（在Safari和Chrome中进行了测试），出现了问题。在CSS样式表中，我将加载的GIF设置为display：none。我试图使用$（document）.ready（）函数。我本来以为还有另一种功能可以自动刷新，但是我还不知道该怎么做。