2013-04-25 154 views
0

所以我只是試圖讓我點擊表格中的一個單元格時彈出一個消息框。我見過很多線程約$( 「TD」)點擊(函數(){等,但這些都沒有工作了我的表,我不能找出原因jQuery。點擊TD沒有觸發

HTML:。

<body> 
<div id="tableArea"> 
    <table class="table table-bordered" id="myTable"> 
     <tr> 
      <td bgcolor="green" id='a1'>1</td><td>2</td> 
     </tr> 
    </table> 
</div> 
</body> 

而且的JavaScript/jQuery的:

<script type="text/javascript"> 
    $("td").click(function(e) { 
     alert('Anything'); 
    }); 
</script> 

我沒有看到這個代碼比許多其他線程的區別,但是這是行不通的。注意:我使用的引導,如果有差別

+6

把你的代碼中的'$內(函數(){});'塊(簡寫爲'$(文件)。就緒(函數(){});')。 – 2013-04-25 15:10:10

+1

嘗試'$(function(){$(「td」)。click(function(e){ alert('Anything'); });});' – Ejaz 2013-04-25 15:10:28

回答

3

您應該捕獲$(document).ready()之後的點擊事件。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("td").click(function(e) { 
      alert('Anything'); 
     }); 
    }); 
</script> 
+0

在這裏你有一個jsfiddle來玩弄griffla's解決方案:http://jsfiddle.net/cbCTG/ – tessi 2013-04-25 15:13:18

0
$(document).ready(function(){ 
    $("td").on('click', function(e) { 
     alert('Anything'); 
    }); 
}); 

只是工作的優良您的標記。

see it on jsfiddle