無法從段落獲取數據值

Question

我有一個非常令人沮喪的問題。 我在div中有兩種類型的段落，一個內置的段落如下所示

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

                </thead>
                <tbody>

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

並像這樣獲取：

$('.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;
}

問題是當我想獲得像這樣的數據值屬性時：

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

內置的段落工作正常，我獲得了data-value屬性，但是獲取的段落不起作用，我無法獲得任何屬性。 對不起我的英語不好。

Answer 1

發生這種情況是因為事件偵聽僅綁定到代碼運行時存在的對象。 這可以解釋為什么在代碼運行后獲取的對象無法按預期工作。 只需綁定到文檔即可解決此問題。

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