动态google-code-prettify不起作用

时间:2013-04-13 03:27:47

标签: javascript google-code-prettify

按钮是否可以调用一个能够“美化”动态<code><pre>的函数?我无法让它发挥作用。

页面加载后,初始<code>被美化(?),但是当我更改它并之后调用prettyPrint()时,它就不再有效了。

示例:http://jsfiddle.net/uwBjD/2/

编辑:对不起,我正在使用本地的prettify.js。更新了它,仍然遇到了同样的错误。

1 个答案:

答案 0 :(得分:18)

显然,在代码被美化后,会添加一个额外的类prettyprinted。类prettyprinted的任何内容都不会被重新修饰。在调用函数之前,您需要删除该类:

$('input[type=button]').click( function() {
    $("#jsExample").text("    var user = 'private'; //Do NOT store your API Key on a script.")
        .parent().removeClass("prettyprinted");

   prettyPrint();
});

http://jsfiddle.net/uwBjD/3/