在window.load之后添加Class到由.load添加的html元素无法正常工作

Question

我正在使用导航菜单加载标题

jQuery(document).ready(function() {
    $('#header').load("header.html");
});

在这段代码之后我有以下内容

$(window).load(function() {
   $('#about').addClass('active');
});

从我理解的一切,之后的window.load运行document.ready,但它仍然没有应用任何东西.有帮助吗？jquery addClass似乎是正确的,因为在浏览器中加载页面后输入控制台,它可以工作.

这是我设置标题模板并加载它的方式有问题吗？

以前我使用php和一些node.js,所以重用代码很简单,但我需要使用纯html/js,因此标题模板.

谢谢

Answer 1

尝试在加载回调中执行此操作:

$('#header').load("header.html", function () {
   // this is run after header.html has been loaded
   $('#about').addClass('active');
});