슬라이드 토글시 선택자 하위에 링크가 있는데..
본문
div.list 에다가 클릭 이벤트를 걸어 슬라이드 토글을 썼습니다.
div.list 안에 여러 li들이 있고 그안에 a 태그가 있습니다.
$(".list").click(function() {
$(this).next("div.con").slideToggle("slow").siblings("div.con:visible").slideUp("slow");
$(this).toggleClass("active").siblings("div").removeClass("active");
});
a 태그를 눌렀을 경우 따로 새창이 열리거나 페이지 이동을 해야하는데 이동은 하는데 a태그가 .list안에
있기때문에 슬라이드 토글도 작동을 합니다. 그래서 a태그 눌렀을때는 작동을 안하게 했으면 좋겠습니다...답변 부탁드려요
답변 1
이벤트 전파를 막아보세요.
a태그를 눌렀을때 return false; 나 event.stopPropagation(); 을 추가해보세요.
답변 감사드려요...근데..저 안에 구체적으로 어떻게 써야하나요...
$('xxx > a').on('click',function(){
event.stopPropagation();
});
와 유사하겠죠. 선택자 부분만 원하는 a 태그로 선택해주심 되겟죠.
답변을 작성하시기 전에 로그인 해주세요.