제어 페이지는 다음은 내 코드입니다 확인 상자

Question

의 경우 상단으로 이동합니다. 확인 또는 취소 버튼을 누르면 페이지가 TOP으로 이동합니다.

나는 같은 위치를 유지하고 싶습니다. 이것을 제어하는 ​​방법.

Answer 1

실제로는 confirm과 아무 관련이 없습니다. 링크를 클릭하고있는 것입니다 (링크가 href="" 또는 href="#" 중 하나임). 브라우저가 링크를 따라 가고 있는데 이는 click 링크 이벤트의 기본 동작입니다.

당신은 당신이, 또는 click 함수에 event 인수를 받아들이고 event.preventDefault()를 호출하여 함수에서 false을 반환하여 할 수있는 기본 동작을 방지 할 필요가있다. 또한 상위 요소는 것이다

$(document).ready(function() 
{ 
    $('table#example td a.delete').click(function() 
    { 
     if (confirm("Are you sure you want to delete this row?")) 
     { 
      alert("You Press OK"); 
     } 
     return false; 
    }); 
}); 

preventDefault 사용 (만 기본을 방지하고, 버블 링 멈추지 않는다 : (모두 기본 동작을 방지하고 조상 요소로 버블 링 클릭을 정지) 반환 false

클릭 참조) :

$(document).ready(function() 
{ 
    // Note argument -----------------------------v 
    $('table#example td a.delete').click(function(event) 
    { 
     event.preventDefault(); 
     if (confirm("Are you sure you want to delete this row?")) 
     { 
      alert("You Press OK"); 
     } 
    }); 
});