javascript - .load() 在脚本/页内脚本不起作用后加载

Question

简介

想象一下您的第一个网站的代码量大幅增长，但是您想要全局修改特定部分，例如每个页面上看到的菜单。因此，我将 header 添加到它自己的文件中，然后使用以下命令加载它:

// Load Header
$(".Header").load("assets/HTML/header.html");

所以我已经有了我的 header ，将其添加到它自己的位置，以允许我的网站使用一些 CMS。

是什么让它起作用？

依赖文件:

• jquery-1.11.0.min.js
• jquery-migrate-1.2.1.min.js
• jquery-ui-1.10.3.custom.min.js
• jquery.ui.widget.js
• jquery.ui.selectmenu.js
• 在页面脚本中用于下拉菜单等

问题

header 大概是在我的所有脚本加载后加载的，无论我尝试和测试添加以获取 header 代码的几个位置如何。

我希望这足以提供一些帮助，许多人在发布我的链接时可能会遇到一些可能的问题，它可能会发生很大的变化!请指定我如何使这个问题在 Stackoverflow 中更加本地化，​​但是现在我的 live version can be found here .

Answer 1

我认为这不是 jQuery load() 方法的良好实现。

您是否尝试过使用此模式而不是使用 jquerys .ready()？

$(window).load(function(){
  # your code
  $(".Header").html(yourContent);
});

来自jQuery API :

“一旦整个页面(图像或 iframe)(而不仅仅是 DOM)准备就绪，$( window ).load(function() { ... }) 中包含的代码将运行。 ”

请记住将此语句放在 $(document).ready(function() { ... }); 之外。。