Add/append '<script>' tag Javascript/jquery html mit

Question

Use Case: ich auf einem Template Builder arbeite Anwendung.Verfahren Benutzer HTML-Vorlagen mit verschiedenen Komponenten wie Textfeld bauen, Bildfeld, Diashow usw.

Ausgabe: Das Problem, das wir gegenüberstellen, ist mit der Diashow-Komponente.Wir verwenden ein nivoslider Plugin für den Aufbau. Der Schieberegler muss Einstellungen wie der Benutzer kann Übergangszeit ändern, Übergang usw. auswählen.Der Benutzer kann mehr hinzufügen als Diashow.
Jetzt ist das Problem, wenn wir mehrere Diashows hinzufügen, jeder kann seine eigenen Parameter dafür haben, so dass wir keine gemeinsame Funktion haben können. Auch kann der Benutzer zurückkommen, um die Vorlage zu bearbeiten, so dass wir für jedes Skript unabhängiges haben müssen Diashow.

Reasearch: Wir haben die Grundstruktur arbeiten, aber an einem place.we stecken müssen eine script Tag jeweils auf die Seite durch den Benutzer Diashow hinzugefügt anhängen.

return '<div id="slider" class="nivoSlider">'+ 
      '<div class="">'+ 
       '<img id="" class="image mover" style="position:absolute;left:0px;top:0px;" src="http://localhost/gobiggi_VS_2_2/images/slideShow/slide01.jpg" data-thumb="images/slideShow/thumb/slide01.jpg" alt="" />'+ 
      '</div>'+ 
      '<div class="">'+ 
       '<img id="" class="image mover" style="position:absolute;left:0px;top:0px;" src="http://localhost/gobiggi_VS_2_2/images/slideShow/slide02.jpg" data-thumb="images/slideShow/thumb/slide02.jpg" alt="" />'+ 
      '</div>'+ 
      '<div class="">'+ 
       '<img id="" class="image mover" style="position:absolute;left:0px;top:0px;" src="http://localhost/gobiggi_VS_2_2/images/slideShow/slide03.jpg" data-thumb="images/slideShow/thumb/slide03.jpg" alt="" />'+ 
      '</div>'+ 
      '<div class="">'+ 
       '<img id="" class="image mover" style="position:absolute;left:0px;top:0px;" src="http://localhost/gobiggi_VS_2_2/images/slideShow/slide04.jpg" data-thumb="images/slideShow/thumb/slide04.jpg" alt="" />'+ 
      '</div>'+ 
     '</div>'+'<script>$("#slider").nivoSlider({effect: "sliceDown",animSpeed: 500,pauseTime: 3000,startSlide: 0,controlNavThumbs: true,controlNavThumbsFromRel:true, pauseOnHover: true,manualAdvance: false});</script>'; 

Der Script-Tag am Ende des Codes ist es, was wir mit dem HTML anhängen versuchen, und speichern Sie sich auf die database.We versuchte in den Skript-Tag ein leeres <div id="temp"></div> und Anhänge zu haben, aber Ich glaube, jQuery führt das Skript und speichert es nicht, so dass wir ein leeres div.Wie können wir das Skript-Tag in der HTML-Struktur speichern und in der Datenbank speichern?

Answer 1

Anstatt das Skript-Tag direkt zu schreiben, erstellen Sie es als ein Objekt und hängen es dann an. Der Browser sollte dies respektieren, wenn Sie das Element direkt erstellt haben, anstatt ihm eine Zeichenfolge zu übergeben.

var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "scriptname.js"; 
$("#temp").append(script); 

Dann können Sie die Javascript Sie in der externen Skriptdatei ausführen setzen nur wollen, und es sollte für sie in Ordnung