javascript - jQuery 选择器无法找到表行类

Question

给定一个从 sql 查询返回的字符串数组，我通过 javascript 将数据作为行附加到我的 html 表中:

  loadUsers: function()
  { .
    .
    .
    function displayUsersOnTable(response)
    {
      for(var i = 0; i < response.results.length; i++)
      {
        var contact = response.results[i];
        var $newRow = $('<tr class="user-row">' +
            '<td>' + contact.full_name + '</td>' +
            '<td>' + contact.email + '</td>' +
            '</tr>')
            .data('user', contact);

        $userTableBody.append($newRow);
      }
    }
  }

在调用 loadUsers 后 调用的另一个函数中，我有这个:

$('.user-row').click( function() {
  window.alert("CLICKED");
});

当我运行我的网站时，它不会注册点击事件。如果我从我的表格行或表格标题中选择类，它运行良好。我怀疑问题涉及表行是动态生成的事实。当我检查元素时，一切都已到位。我错过了什么？

Answer 1

尝试:

$(document).on('click', '.user-row', function() {
  window.alert("CLICKED");
});