Schnellere Alternative zu jQuery .html-Funktion?
Frage
Ich habe mich gefragt, ob es eine Alternative zur jquery .html (variabel) Funktion? Es scheint zu sein, ziemlich langsam und friert auch während des HTML-Code in das DOM eingefügt wird.
Ich habe versucht, innerhtml verwenden, und das funktioniert super, sehr schnell auch. Aber aus irgendeinem Grund, wenn ich keine jquery oder MS Ajax in dem Code, der eingeführt wird, diese Skripte funktionieren nur, in FF.
Ich versuche, um 2000 Zeilen Code einzufügen.
Lösung
Das Problem ist, dass der jquery oder ms Ajax (Javascript-Code) Sie Insert in der Seite nicht ausgewertet. die .html-Methode in jquery bedeutet es für Sie, aber wenn Sie verwenden .innerHtml wollen, müssen Sie es manuell auszuwerten, die eval () Funktion:
eval(«javascript code here»);
So die Schritte sind, legen Sie die HTML innerhtml verwenden, bewerten dann nur die JavaScript-Teil der Funktion eval verwendet wird.
Andere Tipps
Wäre super, wenn Sie mehr wurden über Ihr Problem an. Generell gibt keine Notwendigkeit, 2000 .html zu machen () Updates, haben Sie es in größere .html () Anrufe zu verbinden, weil nach jedem .html () ganzer DOM ist neu zu erstellen, die langsam nach unten führt.
Ich habe nur das Lesen dieser beantworten und es gab einen Link in den Kommentaren über die Verwendung von DOM Dokumentfragmente und wie schnell es mit dem „normalen“ Verfahren verglichen wird ... check it out. Es ist nicht wirklich das Benchmarks auf jQuery vergleichen, aber es wird Ihnen eine allgemeine Vorstellung geben.