想象一下,您的第一个网站的代码数量正在大幅增长,但是您需要全局修改的特定部分,例如每个页面上显示的菜单。所以我已经把我的标题添加到它自己的文件并使用以下文件加载:
// Load Header
$(".Header").load("assets/HTML/header.html");
所以我已经获得了我的标题,并将其添加到了自己的位置,以便在我的网站上添加一些CMS。
依赖文件:
在我的所有脚本加载后,大概加载标题,无论我尝试过哪几个地方,并尝试添加以获取标题代码。
我希望这足以让人深入了解一些帮助,一些可能遇到的问题,如发布我的链接,它可能会发生变化!请指明我如何能够在Stackoverflow本地提出这个问题,但是现在我的live version can be found here。
答案 0 :(得分:1)
我认为这不是jQuerys load()
方法的良好实现。
您是否尝试过使用此模式而不是使用jquerys .ready()
?
$(window).load(function(){
# your code
$(".Header").html(yourContent);
});
来自jQuery API:
" $( window ).load(function() { ... })
中包含的代码将在整个页面(图片或iframe)(而不仅仅是DOM)准备就绪后运行。"
请记住将此声明置于$(document).ready(function() { ... });
之外。