괴발개발/Javascript+JQuery

e.preventDefault()

moonday 2021. 8. 20. 10:03

- e.preventDefault(); 를 쓰면, 페이지가 새로고침 되는 것을 막음. 따라서, 이벤트나 효과들이 그대로 유지 가능

- navbar같은 메뉴에서 클릭하게되면 url 이동이 막힐 수 있으니 주의할것

	<script>
	$(function(){
		$(document).on('click','a',function(e){
			e.preventDefault();
			$('a').removeClass('active');
			if(($(this).parents('ul').prev().hasClass('dropdown-toggle'))){
				$(this).parents('ul').prev().addClass('active');
				$(this).addClass('active');
			}else{
				$(this).addClass('active');
			}
		})
	})
	</script>