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", ... 

编辑 —糟糕 “关键词定” ......