jQuery load() can not work with syntaxhighlighter

Question

I use syntaxhighlighter in my page and it works well.

<pre id="code" class="brush:js">
some code here
</pre>

But it doesn't work when I save to a html file then use jquery load function to load them.

$(function(){
  $("#test").load("test.html");
});

Everything is displayed well except the code scope. Could some one tell me why? Thx!

Answer 1

Change #test into #code:

$(function(){
  $("#code").load("test.html");
});

Answer 2

You will probably have to run this code to initialize the syntax highlighter after you have dynamically loaded your code:

SyntaxHighlighter.all()

This could probably be done by the following:

$(function(){
  $("#code").load("test.html", function() {
    SyntaxHighlighter.all();
  });
});

Answer 3

Try this:

SyntaxHighlighter.highlight();