Question

Here is an example of the problem 但是，如果你去directly to the navigation page，它会立即加载。

我认为这是因为我在一个单独的html文件中创建基础顶栏并使用此脚本调用。

<script>
    $(function(){
        $("#includeHeader").load("Navigation.html");
    });
</script>

然后，在开始身体标签

之后

<div class="fixed shadow" id="includeHeader"></div>

是否有更好的方法来调用外部文件，还是应该将导航代码分别复制到每个HTML页面？（虽然我想做出改变，但似乎有点愚蠢。）

Answer 1

在整个页面加载后评估您的代码。（http://www.w3schools.com/jquery/jquery_syntax.asp）

如果您希望在页面的其余部分同时呈现额外的html，则必须将其复制粘贴到页面中或通过服务器端语言（例如php）加载其内容

 @Override
    public void onItemClick(AdapterView<?> parent, View viewClicked,
                            int position, long 
         Toast.makeText(ReportViewer.this, "Position " + mItemList.get(position).get(TAG_ITEM_COMMENT), Toast.LENGTH_LONG).show();;
        Log.d(" ReportView onItemClick",  mItemList.get(position).get(TAG_ITEM_COMMENT))
     });
}

在PHP中，你可以这样做：

$(function(){ // document-ready event
    // code is executed after the page loads
});

Answer 2

将div置于脚本之前，并像以下一样摆脱$(function(){});。它可能会加快速度。

<div class="fixed shadow" id="includeHeader"></div>

<script>
    $("#includeHeader").load("Navigation.html");
</script>

文档准备好后，

$(function(){})运行。因此，一旦整个文档准备好，您的页面就开始加载您不想延迟加载Navigation.html，直到整个页面准备就绪，对吗？

导航栏加载较晚

2 个答案: