3

私はjqueryの初心者ですが、この質問はおそらくその無知を反映しています。Prettify のローカル コピーから Google Code Prettify を呼び出すと問題が発生します (つまり、使用している

<script type="text/javascript" src="localpath/prettify.js"></script>

それよりも

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> 

(この場合、問題はなくなります)私のhtmlヘッドタグに。問題は次のとおりです。

私が入れたら

<pre class="prettyprint linenums">
print "test1\n";
print "test2\n";
print "test3\n";
</pre>

メインのhtmlファイルでは、問題なく動作します。ただし、jquery ロードを使用してセカンダリ html ファイルをメインの html ファイルにロードしようとすると、セカンダリ html ファイルの整形済みコードのスタイルが適切に設定されません (行番号とキーワードが表示されません)。具体的には、これを html の head タグに入れました。

<script>
  $(document).ready(function() 
  {
    $('#my_element').load('my_element.html');
    prettyPrint();
  });
</script>

my_element.html には、メインの html ファイルで機能したのとまったく同じコード ブロックがあります。

<pre class="prettyprint linenums">
print "test1\n";
print "test2\n";
print "test3\n";
</pre>

id == "my_element"; の div タグに読み込まれます。ただし、メイン ページでは適切にスタイル設定されていません。なぜ?

4

1 に答える 1