.append（）のHTMLコンテンツをクリックする方法

Question

特定の「追加」HTMLコンテンツを「クリック可能」にする必要があります。

function displayContacts(contactArray){ 
     var jsonObject = $.parseJSON(contactArray); 
     jsonObject.forEach(function (dat) { 
      //Begin Contact Unit 
      $('.feed') 
       .append('<div class="feed-img"><img src="'+dat.avatarUrl+'">\ 
       </div><div class="feed-text"><p><span class="name_highlight">\ 
       ' + dat.firstName + ' ' + dat.lastName + '</span></p></div>'); 
      //End Contact Unit 
     }); 
} 

私はJSONのデータの3枚を取得し、図示していないAJAX呼び出しを持っている：ここでは はコードです。この関数は、そのデータをhtmlドキュメントに追加して連絡先のリストを作成します。この場合、db内のすべてのユーザーのマスターリストです。私の質問は、これらの要素（イメージなど）をクリック可能にするにはどうすればいいですか？目標は、ユーザーがアバターをクリックして連絡先のリストを選択できるようにすることです。私は.on、.click、多くの異なるものを使用しようとしましたが、それらの1つが必要かもしれないと思います。実際のコードのどこに配置するのか分かりません。私が理解していることは、これらの要素が動的に作成されていることです。何か助けてくれてありがとう - これは本当に私を混乱させる。

Answer 1

$(document).on('click', '.feed', function(){ 

$('.feed').append($('<input type="hidden" name="data" />').val(token)); 
} 

Answer 2

あなたはこのにいくつかの方法行うことができますいくつかの方法がそれを行うことができます

.append('<div class="clickme">'); 
$('.clickme').click(function(){ alert('clicked'); }); 

：

.append('<div onclick="whatever();">'); //Clickable div 

または：

t=$('<div>'); 
t.click(function(){ alert('clicked'); }); 
.append(t); //Clickable div 

かを。私は個人的には、最もクリーンなソリューションであるため、2番目の方法をお勧めします。