[jQuery] a태그 클릭 시 화면이 상단으로 이동하는 경우

 

<a href="#" onclick="fn_somefunction"></a>

이런 태그가 있다고 치면,

따로 js에 퍼블이 되어 있지 않은 경우

클릭 시 새로고침 한 것 처럼 화면이 상단으로 쑥 올라간다.

물논 새로고침이 되는 건 아님

 

 

예방법은

그 이벤트에 preventDefault()를 먹여버리면 됨

ex)

$(".select>li>a").on('click', function(e){

   $("#selectValue").val($(this).attr('value'));

   e.preventDefault();

});

 

이런 식으로

는 내 소스 그대로 적긔

 

 

해결쓰!