javascript - 动态谷歌代码美化不起作用

Question

一个按钮是否可以调用一个函数来“美化”一个动态 <code><pre> ？我无法让它工作。

页面加载后，初始 <code>已美化(？)，但当我更改它并随后调用 prettyPrint() 时，它不再有效。

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

编辑:抱歉，我使用的是本地 prettify.js。更新了，还是遇到同样的错误。

Answer 1

显然在代码被美化之后，添加了一个额外的类，即 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/