Question

我刚刚学习了常见的页眉和页脚技术。下面是我编写的代码我无法弄清楚这段代码有什么问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <script type="text/javascript" src="jquery-1.10.2.js"></script>
</head>

<body>
    <div id="header"></div>
    <script>
        $("#header").load("header.html");
    </script>
</body>

</html>

Answer 1

我尝试使用其他jQuery库版本的代码，它正在运行给我。

我在同一目录中使用了jquery@1.10.1库和header.html。

You could see this running here.

Answer 2

您可以使用jquery轻松完成此操作。这是我使用和使用的另一种方式。

$(function(){
    $("[data-load]").each(function(){
        $(this).load($(this).data("load"), function(){
        });
    });
})

现在对任何元素使用数据加载来从外部html文件调用其内容你只需要在你希望放置内容的html代码中添加一行。

示例

<nav data-load="sidepanel.html"></nav>
<nav data-load="footer.html"></nav>

常见的页眉和页脚错误

2 个答案: