動的に作成されたコンテンツではクリックが機能しません

Question

好き嫌いのボタンを更新するためのコードがあります。初めて正常に動作します。しかし、ユーザーがボタンを再びクリックすると、クリックに反応しません。私は、同様のタイプの質問に示唆されているように、クリック（click）を変更しようとしました。

$('.like').on('click', function (event) { 
    // My Code 
}); 

Answer 1

あなたのコードは、彼らは両方の直接のイベントを使用している

$('.like').click(function(e){}). 

と同じであるとして、あなたは間違ってそれをやっています。動的に生成された要素には、イベントがバインドされていません。しかし、幸いなことに、これらのイベントはDOMツリーをバブルアップするので、これをいくつかの外部要素に委譲することができます。それは委任イベントを作成する.on()を使用しての考えです：

$(document).on('click', '.like', function(event) { 
}) 

Answer 2

あなたが現在やっていることはイベント処理です。実際には、イベントの委任を行う必要があります。

そして

$("document").on('click', '.like', function(event){ 
    // Put your code here  
}); 

は、この情報がお役に立てば幸いです、とあなたは.onクリック方法を変更する必要があります！

Answer 3

あなたはイベントの代表団をやって、以下にそれを使用する必要があります。

$(document).on('click', '.like', function (event) { 
    // My Code 
});