Javascript 加载外部 html 文件

Question

我有 2 个外部 html 文件(页眉和页脚)，

我用这段代码加载:

<div id="header-div"></div>

<div id="footer-div"></div>

$(function () {
    $("#header-div").load("/AfekDent/header.html");
    $("#footer-div").load("/AfekDent/footer.html");
}); 

头文件包含无法正常工作的 JavaScript 代码..

function switchClass(i) {
    var lis = $('#home-news > div');
    lis.eq(i).removeClass('home_header_on');
    lis.eq(i).removeClass('home_header_out');
    lis.eq(i = '++i' % lis.length).addClass('home_header_on');
    lis.eq(i = '++i' % lis.length).addClass('home_header_out');
    setTimeout(function () {
        switchClass(i);
    }, 3500);
}

$(window).load(function () {
    switchClass(-1);
});

问题是什么？

Answer 1

$(window).load() 事件在页面加载时调用，而不是在加载附加 HTML 时调用。