0

私が持っている内側のheadタグ：

<link rel="stylesheet" href="google-code-prettify/prettify.css">
<script src="google-code-prettify/prettify.js"></script>

私が持っているbodyタグのどこかに：

<div id='code-context'>
    <pre class="prettyprint"><code class="language-js"></code></pre>
</div>

メインの css ファイルにはいくつかpreあり、codeprettify をオーバーライドする必要があります。

#code-context pre, #code-context code {
    font-family: 'Ubuntu Mono', monospace;
    width: 80ch;
    white-space: pre-wrap;
}

意図的に、私は含めませんでし<body onload="prettyPrint()">た。#code-contextページが読み込まれると非表示になるため、不要です。ユーザーがjQuery関数をトリガーすると、コードが表示されます。

$('#code-context').show();
var fileSource = "code-to-display.js";
$('code').load(fileSource);
$('.prettyprinted').removeClass('prettyprinted');
prettyPrint();
console.log('succeded!');

コンソールにメッセージが表示されます (これは、すべてが正常に行われたことを意味します)。

ヘルプ？

4

1 に答える 1

0

それを見つけた！

get()代わりにjQueryを使用load()しましたが、うまくいきましたが、その理由は完全にはわかりません。

于 2016-04-24T03:08:58.283 に答える