将jquery事件附加到动态创建的元素（jquery加载php文件）

Question

我有一个php员工目录网站，在一个表中列出了我们所有的员工（连接到mysql），您可以单击每个员工在另一个div中打开其详细信息。

$('.emptab').click(function(event) {
    var status = $(this).attr('id');
    $("#empview").load("employee.php", {'data': datastring, 'current': status});
});

我最初有上面的代码，但是需要能够将事件附加到动态元素，因此我更改为以下代码：

$('tbody').on('click', 'tr.emptab', function() {
    var status = $(this).attr('id');
    $("#employeedetails").load("employee.php", {'data': datastring, 'current': status});
});

当我在另一个问题（ 在jQuery中，如何将事件附加到动态html元素？ ）上阅读时，我就是这样做的，您可以使用该格式将事件附加到动态元素。 为了澄清起见，此代码可继续在初始页面上使用，但在使用搜索过滤器后失败。

我的动态元素来自我拥有的过滤器/搜索功能，该功能将基于搜索文本框更改员工列表，该搜索文本框根据我创建的filter.php文档更改员工列表。

$('#search').on('input propertychange paste', function() {
    var string = $('#search').val();
    $("#employeelist").load("filter.php", {'data': datastring, 'search': string});
});

但是，当从该php文件创建那些元素时，我无法通过我的jquery访问这些元素，我不确定自己在做什么错。 我看到了大约4个其他问题，答案是在功能上使用jQuery，但我尝试失败了。

谢谢你的时间。

Answer 1

您可以为此使用以下代码

$(document).on('click', '.emptab', function() {
    var status = $(this).attr('id');
    $("#employeedetails").load("employee.php", {'data': datastring, 'current': status});
});