jQuery的。點擊（）事件不工作

Question

這是我的jQuery代碼：

$(function(){ 
$.post("/person/keywords/get/", function(data){ 
    for(i=0; i<data.length; i++) 
    { 
     count = count + 1; 
     $(".keywords-set").append('<div class="keyword-item"><span class="keyword" id="keyword-'+count+'">'+data[i]+'</span><textarea class="comment" id="comment-'+count+'"></textarea></div>'); 
    } 
}); 

$(".keyword-sets").on('click', "[id^=keyword]", function(event) { 
    event.preventDefault(); 
    alert("yes"); 
}); 
}) 

在頁面加載，我從服務器獲取一些DATAS然後將其附加到HTML。 click事件不適用於附加的html項目。我遇到了這個問題，通過.post（）請求從服務器獲得的所有項目。

這裏是我的完整和HTML和jQuery代碼：

https://gist.github.com/3023937

還有一兩件事，我覺得發生bcoz使用HTML（不是外部文件）中的jQuery代碼的問題。我在另一個項目中有這種類似的代碼，我在外部文件中有jquery代碼，並且沒有任何問題。爲什麼這樣？

P.S.如果你需要更多的細節，我可以給你。

謝謝！

Answer 1

此代碼：

$(".keyword-sets") 

說：「套」複數，但我不認爲這象徵其他地方。也許你的意思是：

$(".keyword-set").on("click", ... 

編輯 —糟糕 「關鍵詞定」 ......