关于TD的jQuery .click没有解雇

时间:2013-04-25 15:08:39

标签: javascript jquery html

所以我只是想在我单击表格中的单元格时弹出一个消息框。我见过很多关于$(“td”)的线程。单击(function(){etc,但这些不适用于我的表。我找不到原因。

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>

我认为这段代码与其他许多线程没有区别,但这不起作用。注意:我正在使用Bootstrap,如果这有所不同。

2 个答案:

答案 0 :(得分:3)

您应该在$(document).ready()。

之后捕获click事件
<script type="text/javascript">
    $(document).ready(function() {
        $("td").click(function(e) {
            alert('Anything');
        });
    });
</script>

答案 1 :(得分:0)

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

只为你的标记工作正常。

see it on jsfiddle