文章/答案/技术大牛

发布

社区首页 >问答首页 >使用动态DOM "google-code-prettify“的尝试失败

问使用动态DOM "google-code-prettify“的尝试失败
EN

Stack Overflow用户

提问于 2016-04-20 14:09:07

回答 1查看 100关注 0票数 0

在head标记中，我有：

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

在身体标签里的某个地方：

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

在我的主css文件中，我有一些pre和code，它们应该覆盖漂亮：

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

Intentionally，，我不包括<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!');

我在控制台中得到消息(这意味着一切顺利)，但实际上，我得到的是所有代码的边框，代码本身并不是彩色编码的。

帮助?

jquery

html

prettify

google-code-prettify

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-24 03:08:58

找到了！

我使用的是jQuery的get()而不是load()，虽然我并不完全理解其中的原因。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/36746444

复制

相似问题

问使用动态DOM "google-code-prettify“的尝试失败
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用动态DOM "google-code-prettify“的尝试失败EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用动态DOM "google-code-prettify“的尝试失败
EN