햄버거 메뉴가 모바일에서 확장되지 않습니다.

Question

이 문제에 대한 토론을 본 적이 있지만 제대로 작동하지는 않습니다. 내 브라우저에서는 정상적으로 작동하지만 휴대 전화로 테스트하면 메뉴가 확장되지 않습니다. 어떤 이유로 든 터치에 반응하지 않으므로 확장되지 않습니다. 어떤 생각을 고칠 수 있을까요?

$('.hamburger').on('click touchstart', function(e) { 
    e.preventDefault(); 
    $('.menu').toggleClass('slide-down'); 

}); 

Answer 1

코드를 사용하면 touchstart 대신 탭을 사용하는 것처럼 보입니다.

$('.hamburger').on('click tap', function(e) { 
    e.preventDefault(); 
    $('.menu').toggleClass('slide-down'); 
}); 

또한 jQuery뿐 아니라 jQuery-Mobile을 포함하고 있는지 확인하십시오.

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>