當元素由腳本動態生成並通過 class 選擇器訪問時，如何在 Jquery 中的單擊事件上調用 function？

Question

我正在使用 class 'section-delete-btn' 通過腳本生成錨標記：

<a class='section-delete-btn' role='button' id = '" + $("#section_name").val() + "'href='#'><i class='section-delete-btns fa fa-trash-o' aria-hidden='true'></i></a>

我正在嘗試通過 class 選擇器訪問 a 標簽，如下所示：

//delete a section
$('a').on('click','.section-delete-btn',function(){
  //get section name
  var section_name = $(this).attr('id');
  alert(section_name);
});

Answer 1

您已經在使用委托偵聽器，但如果在附加偵聽器時您的文檔沒有任何a元素，它將失敗。 相反，使用document ：

$(document).on('click','a.section-delete-btn',function(){
  //get section name
  var section_name = $(this).attr('id');
  alert(section_name);
});