javascript - ajax 元素不适用于 append 内容

Question

我有以下 JavaScript:

<script>
  $(document).ready(function() {
    $('[class^="commentbubble_"]').click(function () { 
      var ID = $(this).attr('class').replace('commentbubble_', '');
        $('.commentform_'+ID).toggle();
        $('#commentsection').masonry( 'reload' );
    });
  });
</script>

它适用于结果的第一页...但对于新 append 的，它不起作用。有没有办法确保此功能适用于新 append 的内容？

谢谢。

Answer 1

您可以尝试使用 .on() 处理程序将事件委托(delegate)给其在页面加载时可用的父级事件或 $(document) 本身:

$(document).ready(function() {
  $(document).on('click', '[class^="commentbubble_"]', function () { 
      var ID = $(this).attr('class').replace('commentbubble_', '');
      $('.commentform_'+ID).toggle();
      $('#commentsection').masonry( 'reload' );
  });
});