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时调用。