jquery問題点火時にクリックすると.on

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

ページがロードされた後.live（）あなたは、DOM（のtbody [名= leadstores]あなたのケース中）

をターゲットとする場合ソルバ

問題になる可能性がありますが、動的に追加されます。

.live（）あなたがそれらの

でイベントをバインドできるように、新しく追加されたDOMをリッスン動的にDOMを追加しました。

EDIT：.live以来

は（）

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

は、あなたのHTMLに依存するであろうこの

Answer 2

は、あなたのテーブル要素を持つTBODY要素を持っている必要がありますあなたのjsが動作するためのname = "leadstores"：

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