基於條件的啓用/禁用按鈕顯示警告兩次

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

$('#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.

Answer 2

嘗試preventdefault或return false，那是因爲事件冒泡：

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

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