Как переместить элемент с элементом Script без повторного выполнения сценария с помощью jQuery?

Question

У меня есть фрагмент кода:

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

Используя этот код, предупреждающее сообщение будет отображаться дважды (один раз, когда страница загружается, а затем, когда jQuery повторно выполнит скрипт, когда он выполнит метод appendTo?

Есть идеи, как использовать jQuery для удобного перемещения элемента (с тегом script) без повторного выполнения javascript?

Спасибо.

Answer 1

После выполнения <script> он вам больше не нужен, поэтому вы можете удалить его перед перемещением #div2.

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