조건에 따라 활성화/비활성화 단추가 두 번 경고를 표시합니다.

Question

두 개의 입력 필드와 두 개의 단추가 연속적으로 있습니다. 한 페이지에 3 개 이상의 행이있는 것과 같습니다. 각 행에 대해 두 개의 입력 필드에 값이있는 경우에만 두 개의 버튼을 활성화해야합니다. 나는 이드에게이 같은 2 개의 버튼을 주었다.

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

을하지만이 경고 (세 개의 행 보여주는 3 알림) 모든 행오고 다음과 같이

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

JQuery와 나는했다. 해당 페이지의 전체 테이블에 대해 경고를 한 번만 표시하려면 어떻게합니까?

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