jQuery的點擊不會觸發，當我直接訪問它通過ID

我使用dust.js（經過大量搜索缺乏良好的文檔）。最後，我能夠動態地創建一個超鏈接。現在我想給動態生成的超鏈接提供一個onclick功能。jQuery的點擊不會觸發，當我直接訪問它通過ID

function createLink(){ 

    // register the template loading method with dust now 
    var compiled = dust.compile("Hello <a href='#' id='linked'>{name}</a>!", "intro"); 
    dust.loadSource(compiled); 

    dust.render("intro", {name: "Fred"}, function(err, out) { 
     console.log(out); 
     $("#displayHelloSection").html(out); 
    }); 

}

下面是我的文檔準備好了。奇怪的是，當我點擊生成的超鏈接時，我得到蘋果，但不是橙色。我很想知道爲什麼第二個onclick不起作用？不同的是，在第一個中，我使用文檔來引用我的id（'#linked'）。在第二個中我直接訪問了id。這樣的規定

$(document).ready(function() { 


    $(document).on('click','#linked',function(e){ 

    alert("Apple"); 

    }); 

    $('#linked').on('click', function() { 

     alert('Orange'); 

    }); 

});

來源

2014-10-17 cherit

事件處理程序：

$('#linked').on('click', function() {

嘗試在此代碼運行時自身附着到"#linked"對象。如果該對象在該行代碼運行時不存在，則不會創建事件處理程序。

事件處理程序是這樣的：

$(document).on('click','#linked',function(e){

委派事件處理程序。事件處理程序附加到document元素，該元素始終存在，因此可以隨時連接。然後，它依靠事件傳播來處理實際上源自其他元素的事件，以便將該元素冒泡到document元素，並且當事件處理程序看到該事件時，它會查看它發起的元素是否匹配"#linked"。這允許"#linked"內容來來去去或稍後創建，而不會影響事件處理程序。

所以，隨着您要在事件處理動態插入的內容打交道時，你有幾個選擇：