Question

When I move some DOM nodes form one context to another, all some of the children nodes lost their event listeners.

HTML

<div><lots of deep nodes .../><div>
<div>
   <div>
     <div#newNode></div>
   </div>
</div>

JS

nodes = $('div').find('nodes')
$('#newNode').html(nodes)

After the moving… all the nodes moved lost their events.

Any thoughts?

Answer 1

You are copying the html, it does not have any event information with it.

You want to use .clone(true)

$('.whatToCopy').clone(true).appendTo('#NewLocation');