jquery - 根据条件启用/禁用按钮显示警报两次

Question

我连续有两个输入字段和两个按钮。就像在一个页面中有 3 行或更多行一样。对于每一行，只有当两个输入字段具有任何值时，我才需要启用这两个按钮。我为这样的两个按钮提供了 id。

<a href="#" style="margin: auto;" id="first_link"></a>
<a href="#" style="margin: auto;" id="second_link"></a>

在jquery中，我给出如下：

$('#first_link').click(function() {alert("Some info will come soon")});
$('#second_link').click(function() {alert("new info will come soon")});

但是，所有行都会发出此警报（显示三行 3 个警报）。我怎样才能在该页面中为整个表格只显示一次警报。

Answer 1

试试preventdefaultor return false，那是因为事件在冒泡：

$('#first_link').click(function(e) {
  e.preventDefault();
  alert("Some info will come soon")
 });

http://www.quirksmode.org/js/events_order.html

Answer 2

$('#first_link').click(function(e) {
    e.preventDefault(); // will prevent the link's default behavior
    e.stopPropagation(); // will stop event bubbling
    alert("Some info will come soon");
});

$('#second_link').click(function(e) {
    e.preventDefault(); // will prevent the link's default behavior
    e.stopPropagation(); // will stop event bubbling
    alert("new info will come soon");
});

一个不同的例子。