गतिशील रूप से जेनरेट किए गए डोम तत्व पर काम करने के लिए सुंदरप्रिंट कैसे प्राप्त करें

Question

मैं prettyprint प्लगइन सिंटैक्स हाइलाइटर के रूप में उपयोग कर रहा हूं, पेज लोड होने पर यह ठीक काम करता है लेकिन जब मैं गतिशील रूप से नए तत्व जोड़ता हूं तो यह काम नहीं करता है! मैंने नई सामग्री लोड करने के बाद इसे prettyPrint() का उपयोग करने का प्रयास किया लेकिन यह काम नहीं किया! मैंने फ़ंक्शन के साथ prettyPrint() को लपेटकर प्लगइन वेबसाइट पर निर्देशों का भी पालन किया लेकिन यह न तो काम करता था! कोई भी सहायताकाफी प्रशंसनीय होगी। मैं इस तरह प्लग-इन इंस्टॉल:

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

मेरी कोड है:

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(); 
     } 
    } 
} 

वर्तमान में मैं त्रुटि संदेश prettyPrint परिभाषित नहीं है हो रही है।

Answer 1

जहाँ तक मैं आपका कोड बता सकता हूं सही लगता है।

1) सुंदर प्रिंट (नहीं run_xxx) संस्करण

2) फोन prettyPrint() किसी भी समय अपने डोम अद्यतन किया जाता है शामिल हैं

हालांकि अपनी स्क्रिप्ट भी शामिल है कि prettyPrint एक बंद "याद आ रही है, तो शायद यह सिर्फ एक टाइपो आपकी समस्या :)

Answer 2

जब prettyprint() कार्यान्वित करता है, यह वर्ग कंटेनर तत्व को "prettyprinted"। मैं ऐसा लगता है कि अपनी सुंदर दो बार मुद्रित नहीं, शायद चीजें टूट जाता है कहते हैं।

है

आपको फिर से सुंदर प्रिंट() चलाने से पहले उस वर्ग को हटाने की आवश्यकता है।

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