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

尝试preventdefault或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");
});

A different example.

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

2 个答案: