Entpacken Sie jquery-syntax-3.1.1.zip, legen Sie es in unserem eigenen Verzeichnis öffentlich ab und fügen Sie die folgenden 3 js in die Webseite ein (die Download-Adresse lautet http://download.csdn.net/detail/liumengcheng/7344667) Code kopieren Der Code lautet wie folgt: </ script> <br> </div> <br>HTML-Teil: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="22042" class="copybut" id="copybut22042" onclick="doCopy('code22042')"><u>Code kopieren </u></a></span> Der Code lautet wie folgt: </div> <div class="codebody" id="code22042"> <br><div id="div_configXML" style="float:right;width:600px;"> <br></div> <br> </div>js-Teil: <br><br> <div class="codetitle"><span><a style="CURSOR: pointer" data="15" class="copybut" id="copybut15" onclick="doCopy('code15')">Code kopieren<u></u></a> Der Code lautet wie folgt:</span></div> <div class="codebody" id="code15">//Der Standardtyp der Konfigurationsdatei ist xml <br>var fileType="xml" ; <br>//Wenn eine Datei im Baum ausgewählt wird <br>$('#tree1').tree({ <br>onClick: function(node){ <br>if (node.children== null || node.children==undefiniert){ <br>var url="../hub/config/configRead?" 'ip=' ip '&port=' port "&file=" node.id; <br>var str=node.id; <br>fileType = str.substring(str.lastIndexOf(".") 1,str.length(); 🎜>$.get(url, {},function(data,textStatus){ <br>//Da die Syntaxfärbung mehrmals erforderlich ist und die ausgewählten Dateien jedes Mal unterschiedlich sind, <br><br>//Also die Das ursprüngliche pre-Element muss jedes Mal gelöscht und pre hinzugefügt werden. Die Syntax muss dynamisch basierend auf dem Suffix des Dateinamens ermittelt werden. <br><br>//Hinweis: Platzieren Sie pre nicht direkt, da das pre-Element nach jedem Rendern verschwindet. Daher verwende ich zum Platzieren von pre jedes Mal alle Elemente unter dem div <br>$("#div_configXML *").remove(); <br>var $pre=$("<pre id='configXML' class='syntax " fileType "'> </pre>") ; <br>$("#div_configXML").append($pre); <br>$("#configXML").text(data); ) ; <br>} <br>} <br><br>}); <br><br> <br>Das Folgende ist die Darstellung: <br><br>XML-Datei anzeigen<br><br> </div> Java-Dateien anzeigen <br><br>