2013-04-08 3 views
1

onClick 이벤트로 인해 페이지가 다시로드되는 동작을 관찰하고 있습니다.JQuery 이벤트로 인해 페이지가 다시로드됩니다. 어떻게 고치는 지?

$('#target').click(function(){ 
    $('#target').hide(); 
}) 

개체가 표시되면 클릭시 표시되지 않지만 페이지가 다시로드되고 개체가 다시 표시됩니다. 나는 전에 설치되어 있던 웹 사이트에서 일하고 있는데, 그래서 나는 모든 부분을 완전히 인식하지 못하고있다. 어떤 행동으로이 행동을 일으킬 수 있고 어떻게 고칠 수 있습니까?

+1

'# target'은 (는) 링크인가요? – Mathletics

+0

'php' 태그로 어떻게 표시합니까? –

답변

2

return false; 

으로 마지막 문 링크가 호출되지 않도록, 당신 만 기능 (온 클릭) 실행을 추가합니다.

+2

'event.preventDefault();'를 사용하는 것이 바람직합니다 ** **는 기본 동작을 방지하고 전달을 중지하지 않습니다 ...'return false;는 둘 다 수행합니다. – Ian

+0

동일한 액션으로 여러 이벤트를 수행하는 것도 좋은 습관은 아닙니다 ... (false 반환은 간단합니다.) – bwoebi

+2

엄청난 잘못입니다. 'return false;'는 거의 당신이 실제로 원하는 것이 아닙니다 ...'event.preventDefault();'는 보통 당신이 원하는 것입니다. – Ian

5

당신은 event.preventDefault와 기본 이벤트 동작을 방지해야합니다 return false도 작동 사용

$("#target").on("click", function (e) { 
    $(this).hide(); 
    e.preventDefault(); 
}); 

하지만 does more than you may intend 그것.

이것은 다음 링크의 주소입니다 : event cancellation standard

관련 문제