Cómo mover el elemento con el elemento de script sin volver a ejecutar el script con jQuery?

Question

que tienen este fragmento de código:

<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> 

Usando este código, mensaje de alerta se mostrará dos veces (una vez cuando se carga la página, y luego, cuando jQuery volver a ejecutar la secuencia de comandos cuando se ejecuta el método appendTo

?

Cualquier idea de cómo usar jQuery para mover convenientemente elemento (que tiene etiqueta de script) alrededor sin volver a executin el javascript?

Gracias.

Answer 1

Una vez que el <script> ha ejecutado ya no lo necesita, así que puede quitarlo antes de mover #div2.

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