jquery - jQuery hide()和show()的问题

这是隐藏#edit的方法：体内有一个正在加载的图像，当设备准备就绪时，它将隐藏$ edit并显示正在加载的图像。在getDetail中完成动作时，隐藏#load并显示#edit。

但是，现在的问题是，在打开页面时，同时显示了加载和编辑，并且在getDetail函数之后它可以正常工作。

我应该如何修改代码？

<script type="text/javascript">


    document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {
        $('#edit').hide();
        getDetail();
    }

</script>

js

function getDetail() {

        $('#load').hide();
        $('#edit').show();


}

html部分

    <div id='load'>
    <img src="loading.gif"
    style="margin-left:auto; margin-right:auto; ">
    </div><!-- /load -->


    <div id='edit'></div>

*其他问题*我是否需要在getDetail（）的最后一行中输入return false;？因为我所有的JavaScript都放在js文件中。 getDetail（）是第一个函数。运行此功能后，我发现其他功能不起作用，即使是简单的单击功能也可以发出警报，这些功能仅在将脚本以内联样式置于正文中时才能起作用。

ps。修复了一些复制和粘贴错误

最佳答案

只需修改

<div id='edit'></div>

至

<div id='edit' style="display:none;"></div>

并删除该行：

$('#edit').hide();

它没有任何作用，因为它在隐藏后立即显示。