I have this code snippet:

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

Using this code, alert message will be displayed twice (once when the page is loading, and then when jQuery re-execute the script when it execute appendTo method?

Any idea of how to use jQuery to conveniently move element (that have script tag) around without re-executin the javascript?

Thanks.

I have this code snippet:

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

Using this code, alert message will be displayed twice (once when the page is loading, and then when jQuery re-execute the script when it execute appendTo method?

Any idea of how to use jQuery to conveniently move element (that have script tag) around without re-executin the javascript?

Thanks.

• javascript
• jquery

Share Improve this question Follow asked Jun 25, 2009 at 3:27 NordinNordin 3,28766 gold badges3030 silver badges3535 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

Once the <script> has executed you don't need it any more, so you could remove it before moving #div2.

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