漂亮的打印在 twitter bootstrap 中不起作用答案

【问题标题】：pretty print not working in twitter bootstrap漂亮的打印在 twitter bootstrap 中不起作用
【发布时间】：2013-03-19 17:53:50
【问题描述】：

我正在寻找如何完成这项工作，我想出的是This question and answer。

所以我包含了 css 和 js，并将onload 作为答案状态放在正文标签中，然后我创建了 pre tage，最后创建了这个：

<pre class="prettyprint linenums languague-css">        
    function(){
        echo "test"
    }
</pre>

然后我去浏览器查看我的输出，它部分工作。

有NO控制台错误，css和js脚本都ARE正确加载，也就是说我可以进入源，点击链接和不会收到“我找不到你”错误。

所以有了这些信息...

发生了什么事？

【问题讨论】：

好吧，language 拼写错误为 languague — 可能是这样。
拼写错误，但这不是造成这种情况的原因。不过，不确定是什么；我无法使用 bootstrap 2.3 - jsfiddle.net/serra/tyRkZ/4 显示行号。代码格式很好，只有行号不显示。
在该 JSFiddle 中，行号未显示，因为选中了“标准化 CSS”选项，该选项将 ol 和 ul 元素的 list-style 属性设置为“无”。如果您禁用“规范化 CSS”（在 Fiddle 选项下）或将 .container ol { list-style-type: decimal; } 添加到您的 CSS，则行号会按预期显示。
@cmptrgeekken 谢谢 - 就是这样。

【解决方案1】：

当您包含 prettify 样式表但忘记包含 prettify Javascript 代码时会发生这种情况。或者如果 Javascript 代码没有运行。

尝试在准备好的文档中运行美化代码，而不是 onload：

! function ($) {
    $(function () {
        window.prettyPrint && prettyPrint()
    })
}(window.jQuery)

这对我有用，see here。

【讨论】：

非常感谢！使用 Bootswatch 的主题后，我的 Google Pretty Print 停止工作。将您的代码放在我想要的文件的顶部使它再次完美地工作！在我依赖之前，这显然不起作用，我已经删除了 onLoad。

【解决方案2】：

这是导致 javascript 无法工作的缓存问题。

【讨论】：