Jquery событие двойного щелчка после добавления элемента к другому элементу

Question

Я использую гибкий инструментарий, фреймворк, который генерирует javascript-код из PHP. У меня есть элемент div (я назову его «top-element»), который содержит некоторые другие элементы div, некоторые кнопки. Я хочу переместить «верхний элемент» на другой элемент, чтобы изменить его родительский.

Я пытался что-то вроде:

$('#top-element').appendTo($('#new-parent')); 

Но проблема в том, что «сверху-элемент» есть детско которые имеют события, нажмите несколько кнопок. После добавления «верхнего элемента» к новому элементу (после изменения его родительского элемента) события щелчка запускаются дважды.

Я пытался клонировать элемент и добавить клонированный элемент к новому родителю:

var cloned_top_element = $('#top-element').clone(true); 
cloned_top_element.appendTo($('#new-parent')); 

У меня такая же проблема, событие нажмите на «топ-элементных» детей был назван дважды.

Способ предотвращения двойной щелчок, чтобы использовать:

unbind('click') or off('click') 

Я пытался что-то вроде:

$('#new-parent').find('.children-class').unbind('dblclick').unbind('click'); 

Но до сих пор нет результатов.

Связывание для кнопок ребенка, как это:

$('.children-class').bind('click',function(ev){ ev.preventDefault();ev.stopPropagation(); other stuff }); 

Функция привязки появляется только один раз. В коде js нет дубликатов.

Любые идеи? Ожидаемая благодарность.

Answer 1

Снимите true в clone функции .clone(); это не будет копировать обработчик событий