Come spostare l'elemento con l'elemento script senza rieseguire lo script con jQuery?

Question

Ho questo frammento di codice:

<div id="div1"> 
    </div> 

    <div id="div2"> 
    <h3>This is the content</h3> 
    <script type="text/javascript"> 
     alert('This is the content'); 
    </script> 
    </div> 

    <script type="text/javascript"> 
    jQuery('div#div2').appendTo('div#div1'); 
    </script> 

Utilizzando questo codice, messaggio di avviso viene visualizzato due volte (una volta quando il caricamento della pagina, e poi, quando jQuery ri-eseguire lo script quando si esegue il metodo appendTo

?

Qualsiasi idea di come utilizzare jQuery per spostare comodamente elemento (che hanno tag script) in giro senza re-executin il javascript?

Grazie.

Answer 1

Una volta che l'ha eseguito <script> non ne hai più bisogno, quindi puoi rimuoverlo prima di spostarlo #div2.

$('#div2 script').remove(); 
$('#div2').appendTo('#div1');