Question

私はサーバーにajaxリクエストを行い、いくつかのオブジェクトを返します。各オブジェクトのために私は

   var html = '<div class="col-xs-4 col-sm-3 col-md-2 padmov">'; 
 
       html += '<div class="imgWrap" alt="'+movie.imdb+'">'; 
 
       html += '<img class="imgMovie" src="' + poster.Poster + '"/>'; 
 
       html += '<p class="imgDescription" alt="'+movie.imdb+'">' + movie.titel + '<br>'+movie.year+'<br>';

を印刷する今、私は、これはクリック可能なdivのようにしたいです。それをクリックすると、movie.imdbが返される必要があります。しかし、私は同じhtml divの複数を持っているので、私はこれを行う方法を知らない。助言がありますか？

私はそれを実行しようとしました：

$(Divname).click(function(){ 
 
    alert('test'); 
 
    });

しかし、それは動作しませんでした。

Answer 1

使用これは「文書」オブジェクトを指すので、あなたがイベントリスナーに「この」変数を使用するカントこの

$(document).click("Divname", function (e) { 
    alert(e.target.getAttribute('alt')); 
}); 

注意。

Answer 2

この

$(Divname).click(function(){ 
    alert('test'); 
}); 

を使用しますが、これはあなたがDOMにAjaxで項目を追加する場合

$(document).on("click", "Divname", function() { 
    alert('test'); 
}); 

Answer 3

で試してみてください：

$(document).on('click', 'div', function(){ 
    console.log("DONE") 
}); 

お待ちしています。 :-)

Answer 4

のための代わりにこれを試してみてくださいません

$(document).on('click', '<selector>', function(){ 
    //code here 
});