如何使用脚本元素移动元素而无需使用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方便地移动元素（有脚本标签）而不重新执行javascript？

感谢。

Answer 1

执行<script>后，您不再需要它，因此您可以在移动#div2之前删除它。

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