javascript - 从另一个 html 文件加载 html 片段

我想要一个外部 .html 文件，我将从中以编程方式加载片段，并在运行时将它们插入到文档中。我在我的 index.html

中这样做了

<head>
   <link rel="import" href="html/html_snippets.html">
</head>

这是 html_snippets.html 文件的示例内容

<div id="asd">
   <some stuff here>
</div>

然后在加载所有内容后，我像这样加载代码片段

var friendSnippet = $("#asd").html();

我现在面临的问题是我在一个循环中使用jQuery代码，它运行了好几次，第一次总是返回一个未定义的，但之后就没事了。

为什么会发生这种情况？

最佳答案

您可以使用 jQuery .load() 函数将 html 文件加载到页面上的某个元素中。

$("#destinationElement").load("path/to/file.html");

这可能会解决问题。

关于javascript - 从另一个 html 文件加载 html 片段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40357182/