將元素追加到另一個元素后的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(); 這不會復制事件處理程序