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

Question

我已经检查了尽可能多的问题，我不断得到的答案是使用 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，据我所知，我已经用同样的方法实现了它。

那么我做错了什么？为什么我的代码没有被插入？

Answer 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 文件位于同一文件夹中。

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

Can't figure out how to directly insert HTML fragments into an HTML document using jQuery

html

javascript

jquery

file

include