.load（）在腳本/頁內腳本不起作用后加載

Question

簡要

想象您的第一個網站的代碼量大大增加，但是您想要全局修改的特定部分，例如在每個頁面上看到的菜單。 因此，我已將標頭添加到自己的文件中，並使用以下命令加載：

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

所以我有了標題，將其添加到了自己的位置，以允許在我的網站上添加一些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
• 在頁面腳本中用於下拉菜單等

問題

我的所有腳本均已加載后，頭文件可能已加載，無論我為添加頭文件代碼而嘗試和測試的位置如何。

我希望這足以了解一些幫助，以及發布鏈接時遇到的一些可能的問題，它可能會隨時發生變化！ 請指定我如何使這個問題不再存在於Stackoverflow，但是現在可以在此處找到我的實時版本 。

Answer 1

我認為這不是jQuerys load()方法的良好實現。

您是否嘗試過使用這種模式而不是使用jquerys .ready() ？

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

從jQuery API中 ：

“一旦准備好整個頁面（圖像或iframe），而不僅僅是DOM，包含在$( window ).load(function() { ... })都將運行。”

只需記住將此語句放在$(document).ready(function() { ... }); 。