jquery - 成功 AJAX 后更新 div 上的事件处理程序绑定

Question

PHP 使用来自 SQL 的结果集使用以下代码填充 div：

<div id="products-div">
<?php
while ($row = $result->fetch_assoc()) {
   generate_category_product_div($row);
} ?>
</div>

在我使用以下 jquery/ajax 帖子更新此 div 后，似乎数据中的任何 div 都缺少单击事件处理程序。它仅在我重新加载页面时有效。

$(function() {
   $('.category').on('click', function() {

      var category = this.id;

      $.post('category.php', {
         category: category,
      })
      .done(function (data) {
         $('#products-div').html(data);
      });
   });
});

任何帮助都感激不尽。

标签： jqueryajaxevent-handling