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");
});