jquery在触发.on时点击的问题

Question

我需要知道这里出了什么问题，当我尝试运行以下内容时，它不起作用，没有警报框没有错误。

$(function() { 
$("tbody[name=leadstores]").on("click","tr",function(e){
alert("clicked");
});
});

只是想知道我是否做错了什么。

忘了说，当我使用时，这个脚本正在工作

。住

这是表格

<table id="tableprod" style="width: 100%; ">
<thead id="storelocation" class="fixedHeader" style="min-width: 800px; ">
<tbody id="tbbody" name="leadstores">
<tr id="20">
<td name="street" class="company" style="width: 400px; padding-right: 2%; ">Shop 1012, Westfield Bondi Junction, 500 Oxford Street</td>
<td name="suburb" class="company" style="padding-right: 3%; ">Bondi Junction</td>
<td name="postcode" class="field" style="padding-right: 3%; ">2022</td>
<td name="state" class="field" style="padding-right: 3%; ">NSW</td>
<td name="phone" class="company">(02) 9388</td>
</tr>
<tr id="21">
<td name="street" class="company" style="width: 400px; padding-right: 2%; ">Kiosk KG17, Westfield Doncaster, 619 Doncaster Road</td>
<td name="suburb" class="company" style="padding-right: 3%; ">Doncaster</td>
<td name="postcode" class="field" style="padding-right: 3%; ">3108</td>
<td name="state" class="field" style="padding-right: 3%; ">VIC</td>
<td name="phone" class="company">(03) 9840</td>
</tr>
<tr id="23">
<td name="street" class="company" style="width: 400px; padding-right: 2%; ">Kiosk 66A, Macquarie Centre, cnr Herring & Waterloo Rd</td>
<td name="suburb" class="company" style="padding-right: 3%; ">North Ryde</td>
<td name="postcode" class="field" style="padding-right: 3%; ">2113</td>
<td name="state" class="field" style="padding-right: 3%; ">NSW</td>
<td name="phone" class="company">(02) 9889</td>
</tr>
</tbody>
</table>

Answer 1

.live（） 可以作为问题解决者

当您的目标 DOM （在您的情况下，tbody[名称=潜在客户] ）

在页面加载后动态添加。

.live（） 侦听新添加的 DOM，以便您可以将事件与这些事件绑定

动态添加的 DOM。

编辑：

由于 .live（） 在 jQuery 1.7.x 中被弃用，

$("#tableprod").on("click","tr",function(e){
    alert("clicked");
});

试试这个

Answer 2

你的表元素必须有一个 name="leadstores" 的 tbody 元素，你的 js 才能工作：

<table>
<tbody name="leadstores">
 <tr><td>&nbsp;</td></tr>
</tbody>
</table>