javascript - 在 HTML 中加载通用页脚

Question

http://jsfiddle.net/L7kkY/ - 我的 jsfiddle

我试图在我的 html 页面中加载一个通用的页脚，但它似乎不起作用。我将页面的主体分成两列，我认为这就是我无法调用页脚加载到正确区域的原因。

如何从单独的文件加载页脚？

<div id="col1">
    <div id="footer">
        <script type="text/javascript">
        //<![CDATA[
        $("#col1.footer").load("footer.html");
        //]]>
        </script>
    </div>
</div>

其余代码可以在 jsfiddle 上找到，我删除了 col1 中不是页脚的所有内容。

Answer 1

$('#col1.footer')不匹配任何元素。正确的选择器是 $('#footer') .还要确保只有一个元素具有此 ID。

此外，将 <script> 在结束标签之后。在此之前，浏览器的 DOM 还不知道这些元素。

如果您需要类(即存在多个页脚)，请使用:

<div id="col1">
    <div class="footer">
    </div>
</div>
<script type="text/javascript">
$("#col1 .footer").load("footer.html");
//      ^--- note the space
</script>