漢堡菜單不會在手機上展開

我在這裏看到過有關此問題的討論，但我無法讓它適用於我。這在我的瀏覽器上正常工作，但在手機上測試時菜單不會擴展。由於某種原因，它不會對觸摸做出反應，因此不會擴展。任何想法如何解決它？漢堡菜單不會在手機上展開

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

});

來源

2016-06-13 NJeffries

是否可以顯示完整的代碼？可能有其他事情阻礙或干擾你當前的？ –

'touchstart'不是正確的事件。 '：/' –

我發佈了我希望只是在這裏的相關代碼：http://codepen.io/kiddigit/pen/ezZEVb – NJeffries

使用你的代碼，它似乎對我輕拍而不是touchstart。

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

此外，請確保您包含jQuery-mobile而不僅僅是jQuery。

<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>

來源

2016-06-13 14:12:35 Cat

'這在我的瀏覽器上正常工作 - 這確保OP使用jQuery。 –

@PraveenKumar它確保他們使用jQuery，但不是他們使用jQuery Mobile，我相信他們需要觸摸事件（儘管我不是100％確定的）。 – Cat

是的，您可能是對的。 ..'：）' –

漢堡菜單不會在手機上展開

回答

相關問題