javascript – 导航栏加载较晚

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页面? (当我想做出改变时,似乎有点愚蠢).

最佳答案 在加载整个页面后评估您的代码. (
http://www.w3schools.com/jquery/jquery_syntax.asp)

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

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

在PHP中,你可以这样做:

<?php  
$header = file_get_contents('/path/to/header.html');
echo $header;
?>
点赞