jQuery .click（）事件不起作用

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");
});
})

在頁面加載時，我從服務器獲取了一些數據，然后將其附加到html。 click事件不適用於該附加的html項。 對於通過.post（）請求從服務器獲取的所有項目，我都遇到了此問題。

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

https://gist.github.com/3023937

還有一件事，我認為問題出在使用html（而不是外部文件）內部的jQuery代碼時。 我在另一個項目中有類似類型的代碼，在我的外部文件中有jquery代碼，它的工作沒有任何問題。 為什么會這樣呢？

PS：如果您需要更多詳細信息，我可以給您。

謝謝！

Answer 1

這段代碼：

$(".keyword-sets")

說“集合”復數，但在其他任何地方都看不到該符號。 也許您的意思是：

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

編輯 —糟糕“ .keywords-set” ...