段落からデータ値を取得できません

Question

私は非常に不満な問題があります。私はあなたが以下のような

  <div > 
      <table id="box"> 
       <thead> 
        <tr> 
         <td><p class="linkin" data-value="test22">test</p></td> 
        </tr> 

       </thead> 
       <tbody> 

       </tbody> 
      </table> 
      </div> 
     </div> 

そして、フェッチされたものを見るように一つに建てられ、DIV内の段落の2種類があります。

$('.menu').on('click', function(){ 
    $('#box').toggle('slide').show(); 
    $.ajax({ 
     url:'fetchsubmenu.php', 
     data : {nume : $(this).attr('data-value')}, 
     dataType : 'json', 
     success:function(data){ 
     console.log(data);// process your response 
     showObjects(data); 
     } 
    }); 
}); 


    function showObjects(obiecte){ 

    $('#box tbody').html(''); 
     for(var i=0; i<obiecte.length; i++){    //Functia care arata obiectele 
      var aparat = obiecte[i]; 
      $('#box tbody').append(getRow(aparat)); 
     } 
} 

function getRow(aparat){ 


    var row = '<tr>'+ 
     '<td>' + '<p class="linkin" data-value='+aparat.id+' >'+aparat.nume+'</p>' + '</td>'+ //functia care le aranjeaza 
     '</tr>'; 

     return row; 
} 

問題は、私がデータ - を取得したいときこのようなvalue属性：

$('.linkin').on('click',function(){ 
    $.ajax({ 
     url:'test.php', 
     dataType:'JSON', 
     data : {id : $(this).attr('data-value')}, 
     success:function(){ 
     console.log(); 
     alert('success'); 
     } 
     }); 
    }); 

がうまく段落の作品に建てられたが、私はデータ-value属性を取得しますが、フェッチされた段落は動作しません、私は、任意の属性を取得することはできませんよ。 私の英語を残念に思っています。

Answer 1

これは、イベントリスニングがコード実行時に存在するオブジェクトにのみバインドされているために起こります。これは、コード実行後にフェッチされるオブジェクトが予想通りに動作しない理由を説明します。これは、ドキュメントにバインドするだけで解決できます。

$(document).on('click', '.linkin', function() { 
    $.ajax({ 
     url:'test.php', 
     dataType:'JSON', 
     data : {id : $(this).attr('data-value')}, 
     success:function() { 
      alert('success'); 
     } 
     }); 
});