2014-11-02 2 views
0

이것은 내 햄버거 탐색에 사용되는 자바 스크립트입니다. 내 코드는 Chrome에서 완벽하게 작동하지만 내 iPhone에서는 작동하지 않습니다. 나는 그것이 "클릭"과 관련이있다라고 생각한다. 그러나 나는 확실하지 않다."클릭"이 모바일에서 작동하지 않습니다.

클릭 대신 "touchend"를 사용해 보았지만 작동하지 않습니다.

onload = function() { 
    var hetMenu = document.querySelector("body > header nav"); 
    hetMenu.addEventListener("click", menuToggle); 
} 

function menuToggle() { 
    var deBody = document.querySelector("body"); 
    deBody.classList.toggle("navigatie"); 
    console.log(deBody.classList); 
} 
+0

클릭 후 'menuToggle'함수가 호출되었는지 확인 했습니까? 작은 화면에서 요소 클릭 이벤트가 덮여있을 가능성이 있습니까? – strah

+0

아니, 그게 아닌 것 같아. Chrome 화면을 모바일 형식으로 축소하면 정상적으로 작동합니다. – Sebastiaan

+0

다음을 확인하십시오 : ** 1. ** 클릭 후'menuToggle'이 호출되고 ** ** 2. ** 수동으로'body' 요소에'navigate' 클래스를 추가하고 장치에서 작동하는지 확인하십시오 – strah

답변

0

사용을 모두 클릭하고 touchestart 이벤트 :

이 내 코드입니다.

은 참조 : onClick not working on mobile (touch)

그것은 jQuery의하지만 같은 이벤트를 사용할 수 있습니다.

0

jquery와 함께 'touchstart'를 사용할 수 있습니다.

$ ('# button1'). ('touchstart click', function() {/ * code here * /});

관련 문제