将元素追加到另一个元素后的jQuery双击事件

Question

我正在使用敏捷工具包，这是一个从PHP生成javascript代码的框架。 我有一个div元素（我称其为“顶部元素”），其中包含一些其他div元素，一些按钮。 我想将“顶部元素”移动到另一个元素，以更改其父元素。

我尝试了类似的东西：

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

但是问题是“顶部元素”有一些带有点击事件的孩子，一些按钮。 在将“ top-element”附加到新元素（更改其父元素）后，click事件被触发两次。

我尝试克隆元素并将克隆的元素附加到新的父元素：

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

我遇到了同样的问题，“顶级元素”儿童的click事件被调用了两次。

防止双击的方法是使用：

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

在克隆函数.clone();删除true .clone(); 这不会复制事件处理程序