Jak uzyskać prettyprint do pracy z dynamicznie generowanym elementem domowym

Question

Używam wtyczki prettyprint jako zakreślacza składni, działa dobrze, gdy strona ładuje się, ale kiedy dynamicznie dodaje nowe elementy, to nie działa! Próbowałem użyć prettyPrint(), aby wywołać go po załadowaniu nowej zawartości, ale nie zadziałało! Postępowałem również zgodnie z instrukcjami na stronie wtyczki przez zawijanie prettyPrint() z funkcją, ale to też nie działa! jakakolwiek pomoc byłaby mile widziana. Po zainstalowaniu wtyczki tak:

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script> 

mojego kodu jest:

function showCode(e){ 
    (e.preventDefault) ? e.preventDefault() : e.returnValue = false; 
    var parent = document.createElement('div'), 
     pre = document.createElement('pre'), 
     code = document.createElement('code'), 
     elm = (e.currentTarget) ? e.currentTarget : e.srcElement, 
     src = elm.getAttribute('href'), 
     id = elm.getElementsByTagName('img')[0].getAttribute('src').replace(/images\/(.+?)\.png/g, "$1"); 
    parent.id = "codeZoom"; 
    pre.className = "prettyprint linenums lang-" + id; 

    var xhr = (window.XMLHttpRequest) ? new window.XMLHttpRequest() : new activeXObject("Microsoft.XMLHTTP"); 
    xhr.open('get', src, true); 
    xhr.send(); 
    xhr.onreadystatechange = function() 
    { 
     if(xhr.readyState == 4 && xhr.status == 200) 
     { 
      var text = document.createTextNode(xhr.responseText); 
      code.appendChild(text); 
      pre.appendChild(code); 
      parent.appendChild(pre); 
      document.getElementsByTagName('body')[0].appendChild(parent); 
      center(parent); 
      prettyPrint(); 
     } 
    } 
} 

obecnie Dostaję komunikat o błędzie prettyprint nie jest zdefiniowana.

Answer 1

O ile wiem, Twój kod wydaje się być poprawny.

1) obejmują ładny druk (nie run_xxx) wersja

2) zadzwonić prettyprint() za każdym razem, Twój Dom jest aktualizowana

Jednak skrypt, który zawiera prettyprint brakuje zamykanie”, tak może to tylko literówka problem :)

Answer 2

Kiedy prettyprint() jest wykonywana, dodaje klasa „ładnie sformatowany” do elementu pojemnika. Myślę więc, że jego nie całkiem drukowany dwukrotnie, prawdopodobnie łamie rzeczy.

Wystarczy usunąć tę klasę przed ponownym uruchomieniem prettyprint().

$('#my_element').removeClass('prettyprinted'); 
prettyPrint();