StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POgoogle prettify not working in blocks called from jquery load
text
Body
copied!<p>I'm a jquery beginner, and this question probably reflects that ignorance. I'm having a problem when I call Google Code Prettify from a local copy of Prettify (that is to say, I'm using </p> <pre><code><script type="text/javascript" src="localpath/prettify.js"></script> </code></pre> <p>rather than </p> <pre><code><script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> </code></pre> <p>(in which case the problem goes away) in my html head tag. The problem is the following:</p> <p>If I put </p> <pre><code><pre class="prettyprint linenums"> print "test1\n"; print "test2\n"; print "test3\n"; </pre> </code></pre> <p>in the main html file, it works just fine. However, if I try to load a secondary html file into my main html file with jquery load, the prettfied code from the secondary html file isn't styled properly (the line numbers and keywords aren't shown). To be specific, I've put this in my in my html head tag:</p> <pre><code><script> $(document).ready(function() { $('#my_element').load('my_element.html'); prettyPrint(); }); </script> </code></pre> <p>and my_element.html has the exact same code block as worked in the main html file:</p> <pre><code><pre class="prettyprint linenums"> print "test1\n"; print "test2\n"; print "test3\n"; </pre> </code></pre> <p>it gets loaded into the div tag of id == "my_element"; however, it's not styled properly on the main page. why?</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload