Problem when put a element in array, using detach and append to another element using jquery click doesn't work

Question

Having a problem , can't explain because not sure what is happening. Just can only simplify the problem in this example

What hapening

I'm putting the element in a array temporally, then when I put again doesn't have the click event.

How to test

Use "click me" button, will show the alert
detach, will change place
will appear the button "click me" in another place
click on the "click me" button , doesn't work

score 2 · Accepted Answer · answered Aug 09 '11 at 18:26

2

You should pass true to clone method in order to preserve the events.

Take a look http://jsfiddle.net/7ZBtZ/2/

answered Aug 09 '11 at 18:26

ShankarSangoli

69,612
13
93
124

You're solution it's very nice for the question. But next time have to read API documentation before. My main problem was deep copy needed to ue clone(true,true). Thanks – Ricardo Rodrigues Aug 10 '11 at 09:43

score 2 · Answer 2 · edited May 23 '17 at 11:55

@Shankar's answer is fundamentally correct (+1), but there is a better way to do this. Right now, you:

Clone the element, then
Remove it, then
Detach it (which is redundant since the element was just removed), then
Append it

Instead, you can just .detach() the element, which

is the same as .remove(), except that .detach() keeps all jQuery data associated with the removed elements. This method is useful when removed elements are to be reinserted into the DOM at a later time.

It would work something like this:

var $div = $('#div').detach();
hidden.push($div);
$('#click').remove();
hidden.pop().detach().appendTo('#div1');

Demo: http://jsfiddle.net/mattball/swBfj/

Thanks for the answer, but Shankar Sangoli found it first. – Ricardo Rodrigues Aug 10 '11 at 09:41 — Ricardo Rodrigues, Aug 10 '11 at 09:41

Problem when put a element in array, using detach and append to another element using jquery click doesn't work

2 Answers2