jQuery。点击TD没有触发

问题描述:

所以我只是试图让我点击表格中的一个单元格时弹出一个消息框。我见过很多线程约$( “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

您应该捕获$(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

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

只是工作的优良您的标记。

see it on jsfiddle