有沒有辦法在jQuery中將一個元素的回調附加到另一個元素上？

Question

我有，比如這個：

$first = $('#firstElement').click(function() { }); 

但在頁面的執行的某一點上，我將取代另一種元素：

$newElement = jQuery('<div />'); 
$first.replaceWith($newElement); 

但我想保持回調在第二個第一個元素...

這可能嗎？

編輯1

我已經知道如何用.on()或.delegate()做到這一點。這是我的場景：

我需要加載一些選擇器更改，但是，該選擇器的內容將根據登錄的用戶的角色而有所不同。我已經將信息存儲在localstorage中。該選擇器的內容通過以下方式加載：

window.Core.setBranchesSelector($('#theElementInWhichTheSelectorWillBe')); 

該函數創建一個<select>元素。我可以讓js內該頁面：

$('#parent').on('click', '#theElementInWhichTheSelectorWillBe', function() {}); 

但我想使該功能儘可能的靈活，因此，如果我做somethink這樣的：

$elementToBeReplaced = $('<coolElement />').click(function() {}); 
/* Something really cool with that element */ 
Core.setBranchesSelector($elementToBeReplaced); 

的選擇繼承回調click事件...

Answer 1

明確回答你的問題：不，你不能這樣做。至少不是在jQuery的新版本中（使用1.7，你可以這樣做，因爲@undefined已經在回覆＃15708467的註釋中說明了）。

然而，這裏是一個使用委託一個簡單的例子與.on()：

http://jsfiddle.net/8dCQT/

$(function() { 
    $("#parent").on("click", ".child", function() { 
     alert($(this).text()); 
    }); 
    $("input").click(function() { 
     $(".child").remove(); 
     $("#parent").append("<div class='child'>I'm a replacement</div>"); 
    }); 
}); 

點擊該按鈕後，您會發現，點擊更換DIV調用相同的點擊功能和警報與文本新的div。

注：這裏最重要的部分是替換可選擇與相同的選擇（在這種情況下.child）作爲原始。我在這裏使用了一堂課，但我可以使用父母的第一個孩子，或者其他任何工作。

另請注意：您不必綁定到直接父級，您可以使用document一路綁定到頂部，但不建議這樣做，因爲這會降低您的代碼速度。您應儘可能接近要附加事件的元素，以便代碼無需在DOM樹上走得太遠。

Answer 2

jQuery沒有提供API來直接訪問已經綁定的事件。

將事件放置在父元素上，替換子元素，並依靠事件冒泡來捕捉它。

Answer 3

您將需要在每個元素中包含相同的ID或給每個div一個公共類。一旦你這樣做，它就像：

$(document).on('click','.some-common-class',function(){ 
});