小编bud*_*fed的帖子

我正在开发一个HTML原型,页面中的所有静态内容都保存在不同的文件中.我想在我的HTML原型中使用这些文件作为包含.下面是用于调用两个HTML包含文件的HTML代码.

<div class="include-file" file="header.html"></div>
<div class="include-file" file="footer.html"></div>

我使用jquery load()方法来包含这些文件.

$(function () {
    var fileName = $(".include-file").attr('file');
     $(".include-file").load(fileName);
});

当我在页面中只包含一个文件时,此功能正常工作.

问题:

1.当我包含两个文件时,第二个文件(footer.html)不加载,第一个文件(header.html)加载两次.

2.单个文件加载在FF,IE9中工作但在Chrome中不起作用.(注意:所有文件都是本地的,我不打算使用Web服务器,因为这只是一个原型)