Twitter Bootstrap中的漂亮打印功能无法正常工作

Question

Twitter Bootstrap中的漂亮打印功能无法正常工作

javascriptcsstwitter-bootstrappretty-print

4

我正在寻找如何使这个工作，并且我找到了这个问题和答案。

所以我包含了CSS和JS，像答案中所述，在body标签中放置了onload，然后创建了pre标记，最后创建了这个：

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

于是我去浏览器看我的输出结果，它部分地工作了。

没有控制台错误，CSS和JavaScript脚本都已正确加载，即我可以进入源代码，点击该链接而不会出现“我找不到你”的错误。

所以，基于这些信息...

发生了什么？

- TheWebs

1

嗯，language 拼错成了 languague — 可能就是这个原因。 - couzzi

它拼错了，但这并不是引起问题的原因。虽然我无法让行号在bootstrap 2.3中显示-http://jsfiddle.net/serra/tyRkZ/4/。代码格式很好，只是行号没有显示。 - Marijn

在那个JSFiddle中，行号没有显示出来是因为选中了“规范化CSS”选项，该选项将ol和ul元素的list-style属性设置为“none”。如果您禁用“规范化CSS”（在Fiddle选项下）或者向您的CSS添加.container ol { list-style-type: decimal; }，那么行号将按预期显示出来。 - cmptrgeekken

2个回答

0

这是一个缓存问题，导致JavaScript无法正常工作。

- TheWebs

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Marijn · Accepted Answer

这种情况发生在你引用prettify样式表时，却忘了引用prettify的Javascript代码；或者Javascript代码不能正常运行。

尝试在文档准备就绪时运行prettify代码，而不是在页面加载时。

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

这对我有用，点击这里查看。