Cloning a bootstrap element with an event listener

Question

I\'m trying to clone a bootstrap element that has data-toggle behavior provided by bootstrap:

HTML

&         


        
      

Answer 1

Don't copy the events while cloning, remove the true flag.

var header = objectContainer.clone();

My guess is Bootstrap is handling the event binding of dynamic objects also for data-toggle, it only needs to have different id's & target.

Here's a fiddle.

PS: Don't know what was this or objectContainer in OP's question, so created a closure and pasting result in new wrapper.