当用户输入参数时,我有一个AJAX调用,MySQL数据库返回该行,并通过表格向用户显示该行。我想拥有它,以便当他们单击一行时,它使用唯一的哈希值回调MySQL数据库,以获取他们单击的行的内容并将其显示在div中。举例来说,如果有这样的表
JOHN | 21 | foo.com
AMY | 29 | bar.com
MySQL数据库返回的结果,用户可以单击行John | 21 | foo.com
并获得类似的信息
John have been working at foo.com for 22 years...
表格下方div上的。我已经能够解决其中的大部分问题,但是要让该行可点击是一项挑战。既然有了Jquery,如果我做类似的事情
$('.dashboard_main_row').click(function(){
alert('This is an alert');
});
这是行不通的,因为我假设在页面加载后会进行AJAX调用,尽管它在jsfiddle中的静态网页上执行。所以我有两个问题:
我将如何在JQuery中实现此功能?在这种情况下,每次用户需要时都会重新生成行?
我怎样才能确定一行,以便他们单击john
会得到john
而不是amy
的内容? (我确实在CSS中隐藏了一个列,其中确实显示了唯一的哈希。)
编辑:我确实尝试了将mod链接为“重复”的方法:
$('.dashboard_main_row').on('click', 'tr', function(){
alert('This is an alert');
});
它不起作用。这就是为什么我改用.click()
的原因。
为简洁起见,这是我的html代码:
<table>
<tbody id = "dashboard_tbody">
<tr class = "dashboard_main_row">
<td> John </td>
/* ... */
</tr>
</tbody>
<table>