javascript - jQuery .click TD 不触发

Question

所以我只是想在我单击表格中的单元格时弹出一个消息框。我看过很多关于 $("td").click(function () { 等的线程，但这些对我的表不起作用。我不知道为什么。

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，如果这有所不同的话。

score 3 · Accepted Answer

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

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

score 0 · Accepted Answer

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

为您的标记工作正常。

在 jsfiddle 上看到

javascript - jQuery .click TD 不触发

2 回答 2

Related

Reference