javascript - 无法从段落中获取数据值

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;
}

问题是当我想像这样获取 data-value 属性时:

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

发生这种情况是因为事件监听仅绑定(bind)到代码运行时存在的对象。这可以解释为什么代码运行后获取的对象不能按预期工作。只需绑定(bind)到文档即可解决此问题。

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