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

Question

这是我隐藏#edit 的方法:正文中有一个加载图像，当设备准备就绪时，它会隐藏 $edit 并显示加载图像。当在 getDetail 中完成操作时，隐藏#load 并显示#edit。

但是现在的问题是，打开页面时，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;？因为我所有的 javascripts 都放在一个 js 文件中。 getDetail() 是第一个函数。运行这个函数后，我发现其他函数都不起作用，即使是一个简单的点击提醒功能，这些函数也只有将脚本以内联样式放在主体中才能起作用。

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

Answer 1

修改一下

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

到

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

同时删除行:

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

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