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;
?>