javascript - 单击并触发 Ajax 生成的表上的函数

Question

我的页面有ajax函数，它生成表格并将其附加到div。 以下是Ajax调用的php页面。

echo "<table border='1' cellspacing='12' cellpadding='4' style='border-collapse: collapse' width='700' id='tablecat'>";

while ($row = mysql_fetch_assoc($results)) {
    $category = $row['category'];

echo "<tr bgcolor='white'>
<td class='value'>$category</td>
</tr>";
}

echo  "</table>";

然后，当单击表格单元格时，我需要调用另一个 ajax 调用。尝试了很多方法都没有成功。

$("#tablecat").on("click", "td", function() {

});

有人可以告诉我该怎么做吗？ 谢谢。

Answer 1

您的事件委托(delegate)在这种情况下不起作用，因为$("#tablecat")也是动态创建的，您需要像div 包含 table 或 body 或 document，如下所示:

$(document).on("click","#tablecat td", function() {
     alert('hi');
});