javascript - click() 适用于某些按钮，但不适用于其他按钮

Question

我有这些按钮:

<button class="btn" id="empty">Empty Cart</button>
<button class="btn" id="submit">Add to Cart</button>

这在头部的 $(document).ready block 中:

$("#empty").click(function() {
   alert("I give up");
});
$("#submit").click(function() {
   // ...
});

为什么#submit有效而#empty无效？

Answer 1

看来这里没有问题!我把它放在这个代码片段中。因此，如果这里有任何其他问题，请通知我。

$("#empty").click(function() {
   alert("I give up");
});
$("#submit").click(function() {
    alert("I am submit");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn" id="empty">Empty Cart</button>
<button class="btn" id="submit">Add to Cart</button>

阻止调用click的主要原因是动态元素。在这种情况下，您应该使用:

$(document).on('click', '#empty', function() {
   alert("I give up");
});