jQuery（）.on構文

Question

私はgiphy apiとjQueryを使用してgif検索エンジンを作っています。トピックが検索されるたびに、jQueryは入力されたトピックのトピックボタンを作成し、ボタンが押されたときにそれぞれのgifにロードします。トピックボタンからgifを読み込むときに表示されます。この作業の理由イムは混乱：

$(document).on("click", ".topic", displayGifs); 

が、これはそうではない：

$(".topic").on('click', function(event) { 
    displayGifs(); 
}) 

このトピック上の任意のヘルプは大幅にdocumentオブジェクトに

Answer 1

最初のサンプル委譲イベントをいただければ幸いです。これは静的要素であるため、デリゲートセレクタ（この場合は.topic）と一致するDOMに追加された新しい要素は、イベントバインディングが引き続きトリガーされます。

2番目の例は、バインド時にDOM内に存在する要素にのみバインドされます。

event delegation in jQueryについて詳しくは、こちらをご覧ください。