无法通过 jQuery 选择添加的 tr
当在数据库中找到结果时，我添加表，它是由 jQuery 生成的，当没有找到任何内容时删除表。它工作正常。
$("#AdminSearch").bind("change keyup", function() {
var url = "http://localhost/PmMusic/index.php/admin/ajax/admin_search/"+$("#AdminSearch").val();
$.getJSON(url,function(data){
if (data.length == 0)
{
$("#AutoSearch").hide(1000);
$("#AutoSearchTable").remove();
}
else
{
$("#AutoSearchTable").remove();
$("#AutoSearch").append('<table id="AutoSearchTable">');
for(var i = 0;i < data.length && i < 5;i++)
{
$("#AutoSearchTable").append('<tr><td id="TableSearchTR'+i+'" value="'+data[i]+'">'+data[i]+'</td></tr>');
}
$("#AutoSearch").append('</table>');
$("#AutoSearch").show(1000);
}
});
});
但是当我想通过以下代码选择 tr
$('tr').click(function(){
alert("Hi");
});
当我单击页面中的其他表 tr 时它可以工作，但它无法选择由上面代码添加的 tr ）。 问题出在哪里？
I add table and it's raws by jQuery when find result in database,and remove table when don't find anything.It works correctly.
$("#AdminSearch").bind("change keyup", function() {
var url = "http://localhost/PmMusic/index.php/admin/ajax/admin_search/"+$("#AdminSearch").val();
$.getJSON(url,function(data){
if (data.length == 0)
{
$("#AutoSearch").hide(1000);
$("#AutoSearchTable").remove();
}
else
{
$("#AutoSearchTable").remove();
$("#AutoSearch").append('<table id="AutoSearchTable">');
for(var i = 0;i < data.length && i < 5;i++)
{
$("#AutoSearchTable").append('<tr><td id="TableSearchTR'+i+'" value="'+data[i]+'">'+data[i]+'</td></tr>');
}
$("#AutoSearch").append('</table>');
$("#AutoSearch").show(1000);
}
});
});
but when I wanna select tr by following code
$('tr').click(function(){
alert("Hi");
});
When I click on other table tr in page it works,but it can't select tr which added by upper code).
where is the problem?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您需要使用 .live() 或 .delegate() 将点击事件附加到动态创建的元素。
You need to use .live() or .delegate() to attach click events to dynamically-created elements.
这是因为您使用 .click 进行绑定，它仅适用于页面中已有的元素。
将您的代码更改为
That's because you're binding with .click, which only applies to elements already in the page.
Change your code to
如果添加 .click() 函数时 TR 不存在，则它将不会附加单击事件。您应该考虑使用 .delegate() 函数。
If the TR is not there when your .click() function is added, then it won't have a click event attached. You should look at using the .delegate() function instead.
click() 仅适用于 DOM 中已有的元素。如果您使用ajax加载某些内容，那么我建议使用live()。
click() will only work for elements already in the DOM. If you're loading in some content w/ ajax then I would suggest live().