jquery appendTo supprime javascript balises de script

Question

var testdiv = '<div id="hello"><p>hiii</p> 
       <script type="text/javascript">some javascript functions</script> 
       </div>'; 
$(testdiv).appendTo(document.body); 

Après l'exécution de code ci-dessus, div qui est ajouté est le javascript manquant, i.e. tout à l'intérieur < script type = "text/javascript">

Est-ce problème connu avec appendTo?

Answer 1

Si vous essayez d'inclure un script à distance, vous pouvez avoir plus de succès en utilisant $ .getScript()

Plus d'infos ici: http://docs.jquery.com/Ajax/jQuery.getScript

Edit:

Peut-être this question a la réponse vous cherchez?

Answer 2

Vous devrez peut-être découper les étiquettes <script>. Cela fonctionne:

var testdiv = '<div id="hello"><p>hiii</p><scr'+'ipt type="text/javascript">console.log("buu")</scr'+'ipt></div>'; 
$(testdiv).appendTo(document.body); 

Answer 3

var testdiv = '<div id="hello"><p>hiii</p><script type="text/javascript">alert(\'foo\')</script></div>'; 
$(testdiv).appendTo(document.body); 

j'ai remplacé "javascript" avec une alerte, et cela fonctionne très bien pour moi. Notez que j'ai dû échapper les guillemets que j'utilisais dans la chaîne, c'était peut-être ça.

Je suis d'accord avec jonscottclark à propos de getScript(). Il existe en effet de bien meilleurs moyens d'inclure et d'exécuter des scripts supplémentaires.