2014-01-15 2 views
0

그래서 여기의 개요입니다 :Modernizr.mq 이벤트 트리거를 여러 번

  • 내가 확장되는 메뉴가 해상도는
  • 해상도 메뉴가 드롭 다운으로 변합니다 < 1024> 1024 때 난 당신이 REFR 때 해상도가보다 작은 1024

    이되면 드롭 다운 메뉴에 대한 자바 스크립트를 실행하는 데 Modernizr.mq를 사용

를 탐색 페이지를 esh하고 메뉴가 잘 작동하는 브라우저의 크기를 조정하지 마십시오. 그러나 브라우저의 크기를 조정하고 메뉴를 다시 시도하자마자 버그가 나오고 여러 번 트리거됩니다. 여기

는 전체 페이지 뷰의 예입니다 :

http://codepen.io/MarioD/full/aKdhG

그리고 여기 코드로 예입니다

http://codepen.io/MarioD/pen/aKdhG

어떤 아이디어가 클릭 기능이 때 모든 미친가는 이유 브라우저 크기가 조정 되었습니까? 그리고 어떤 식 으로든이 문제를 해결할 수 있습니까?

감사합니다, 마리오

답변

0

당신의 클릭 이벤트를 여러 번 추가 - 모든 때문에 checkMq를 호출 smartresize()

단지 checkMq() 기능에서 이벤트 처리기 블록 ($('.btn-menu').on('click', function(){ ... });)를 넣어

또는 jQuery.on (http://api.jquery.com/one/)


대신 jQuery.one을 사용할 수 있습니다.

btw : 문서 준비가 완료 될 때까지 기다려야합니다. (http://api.jquery.com/ready/) 하지만 codepen 이미 처리 할 것 같아요.

관련 문제