Loading a html snippet from another html file

Question

I want to have an external .html file, from which I will load snippets programatically, and insert them in the document at runtime. I did it like this in my index.html

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

This is the example content of the html_snippets.html file

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

Then after everything is loaded, I load the snippet like this

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

The problem I am facing now is that I use the jQuery code in a loop, which runs several times, and the first time it always returns an undefined, but after that it's fine.

Why is that happening?

Answer 1

You can use the jQuery .load() function to load an html file into a certain element on the page.

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

This may solve the issue.

Loading a html snippet from another html file

Question

1 answers

solution1
2 ACCPTED 2016-11-01 09:58:26

Loading a html snippet from another html file

Question

1 answers

solution1 2 ACCPTED 2016-11-01 09:58:26

solution1
2 ACCPTED 2016-11-01 09:58:26