无法弄清楚如何使用jQuery直接将HTML片段插入到HTML文档中

时间:2015-07-24 21:01:26

标签: javascript jquery html file include

我已经检查了尽可能多的问题,我不断得到的答案是使用javascript或jQuery来完成它。所以我有我的主html文件:

的index.html

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    </head>

    <body>
        <!-- I want to insert a paragraph here -->
        <div id="a"></div>
        <script>$( "#a" ).load( "insertme.html" );</script>
    </body>
</html>

insertme.html

<p>Inserted into another doc!</p>

我找到了这个方法here,据我所知,我已经以同样的方式实现了它。

那我在这里做错了什么?为什么我的代码没有插入?

1 个答案:

答案 0 :(得分:1)

首先,你缺少jQuery。将此行添加到<head></head>

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

您是否有DOM准备问题?

试试这个:

$(document).ready(function(){
     $( "#a" ).load( "insertme.html" );
});

另外,请确保insertme.html与index.html文件位于同一文件夹中。