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

时间:2015-02-26 09:24:01

标签: javascript jquery

想象一下,您的第一个网站的代码数量正在大幅增长,但是您需要全局修改的特定部分,例如每个页面上显示的菜单。所以我已经把我的标题添加到它自己的文件并使用以下文件加载:

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

所以我已经获得了我的标题,并将其添加到了自己的位置,以便在我的网站上添加一些CMS。

是什么让它嘀嗒?

依赖文件:

  • 的jquery-1.11.0.min.js
  • jQuery的迁移-1.2.1.min.js
  • 的jquery-UI-1.10.3.custom.min.js
  • jquery.ui.widget.js
  • jquery.ui.selectmenu.js
  • 在下拉页面脚本和诸如此类

问题

在我的所有脚本加载后,大概加载标题,无论我尝试过哪几个地方,并尝试添加以获取标题代码。

我希望这足以让人深入了解一些帮助,一些可能遇到的问题,如发布我的链接,它可能会发生变化!请指明我如何能够在Stackoverflow本地提出这个问题,但是现在我的live version can be found here

1 个答案:

答案 0 :(得分:1)

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

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

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

来自jQuery API

" $( window ).load(function() { ... })中包含的代码将在整个页面(图片或iframe)(而不仅仅是DOM)准备就绪后运行。"

请记住将此声明置于$(document).ready(function() { ... });之外。