jQuery.点击TD不开火

jQuery .click on TD not firing

本文关键字:开火 TD 点击 jQuery      更新时间:2023-09-26

所以我只是想在单击表中的单元格时弹出一个消息框。我看到了很多关于$("td"(.click(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。

您应该在$(document(.ready((.之后捕获点击事件

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

只需为您的标记正常工作即可。

在jsfiddle 上查看