Question

我通过javascript动态生成HTML，并在表格单元格中包含2个字形。铅笔字形正确响应，但我的删除代码没有，我不知道为什么。

这是呈现的HTML

<span id="edit-dp" class="glyphicon glyphicon-pencil" data-action-url="/Settings/GetDatapoint" data-id="3"></span>
<span id="delete-dp" class="glyphicon glyphicon-trash" data-id="3"></span>

这是我的javascript代码，用于将事件绑定到元素。

$(document).ready(function(){
  $('#delete-dp').click(function (event) {
      alert('pressed');
      //add the datapoint ID to the array to be serialised to JSON and then stored in a html hidden field
      deletedDatapoints.push($(this).data('id'));
  });
})

Answer 1

使用.on()。

$(document).ready(function(){
    $(document).on('click', '#delete-dp', function (event) {
        alert('pressed');
        //add the datapoint ID to the array to be serialised to JSON and then stored in a html hidden field
        deletedDatapoints.push($(this).data('id'));
    });
});

您可以将其范围限定为未动态生成的最近父级，以提高效率document。

Answer 2

要处理动态添加的事件，请使用

$('#delete-dp').on('click',function(event){
    //do your stuff
});

元素未检测到点击事件

2 个答案: