아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (197)
    • Web (144)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (4)
    • IT (31)
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (5)
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라

R 스토리

Web/jquery

[제이쿼리] hover -> .stop(true,true)

2018. 5. 15. 15:04



*위쎈(http://www.bulgariswissen.com/weissen1707/index.asp)

페이지 상단 네비부분 호버했을 때 서브네비가 내려와야 함.

처음에 마우스리브를 썼었는데 마우스가 왔다갔다 하는 액션을 다 받아서

서브네비가 메롱거림...


=> 클릭 시 버블링 막아주고, .stop(true,true) 넣어주면 괜찮아진다. 기억하기~!





$('#header .gnb .health_nav').hover(function(e){

e.preventDefault();

e.stopPropagation();

$(this).children('a').stop(true,true).addClass('on');

$(this).children('ul').stop(true,true).slideDown();

},function(e){

$(this).children('ul').stop(true,true).slideUp();

$(this).children().stop(true,true).removeClass('on');


});

728x90
저작자표시 비영리 (새창열림)

'Web > jquery' 카테고리의 다른 글

[플러그인] bpopup.js  (0) 2018.07.06
[제이쿼리] 현재 위치에서 팝업창 가운데로 띄우기  (2) 2018.05.15
[제이쿼리] 콜백 함수  (0) 2018.05.15
[AJAX] ajax에서 jquery찾기  (0) 2018.05.15
[AJAX] ajax기본  (0) 2018.05.15

티스토리툴바