Question

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

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

alert("clicked");
});

});

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

忘了说，当我使用

时，这个脚本正常工作

.live

这是表格

<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

你的table元素必须有一个名为=“leadstores”的tbody元素才能让你的js工作：

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

Answer 2

.live（）可以是问题解决者

当你的定位DOM（ tbody [name = leadstores]在你的情况下）

是在页面加载后动态添加的。

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

绑定

动态添加DOM。

修改

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

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

试试这个

点火时出现jquery问题.on

2 个答案: