jQuery Click 이벤트는 Landscape (iPhone)에서만 작동합니다.

Question

오히려 나쁘게 작성된 반응 형 웹 사이트의 패치를 요청 받았으며 jQuery 클릭 이벤트 문제로 인해 어려움을 겪었습니다.

풍경 모드에서는 iPhone에서 이벤트가 제대로 작동하지만 세로 모드에서는 아무 것도하지 않습니다. 여기

는 jQuery의 :

if (width <= 480) { 
    function menu(e) { 
     e.PreventDefault(); 
     $('#menu-item-93 .sub-menu').slideToggle('fast'); 
    } 

    $('.nav-cont').addEventListener('click', menu(e)); 
    $('.nav-cont').addEventListener('touchstart', menu(e)); 
} 

그리고 섹션은 header.php 파일에서 관련 이잖아

<nav id="main" class="main clearboth"> 
    <?php 
     wp_nav_menu(array( 
      'sort_column' => 'menu_order', 
      'theme_location' => 'primary', 
      'after'=>'<img src="'.template_url('images/button/link-445x68.png').'" class="show-480" />' 
     )); 
    ?> 
</nav> 
<div class="nav-cont"> 
    <div class="nav-text show-480">NAVIGATION</div> 
    <img class="nav-button show-480" src="<?php echo template_url('images/button/navigation-closed-nt-445x52.png');?>" /> 
</div> 

누구나 어떤 생각이 왜이 (내가 언급 했느냐, 이것은 워드 프레스 사이트입니다) 터치 이벤트는 가로 모드에서만 실행됩니까?

Answer 1

이것은 결국 사이트에서 작업하는 구 개발청에서 남긴 여러 개의 javascript 파일을 통해 해결되었습니다. 이 셀렉터에서 여러 개의 클릭 핸들러 인스턴스가 서로 상반되는 것으로 나타났습니다. 나는 다른 사람들과 빵을 제거했다.

그것은 심지어 기본적인

$('.nav-cont').click(function() { 
}); 

이벤트 핸들러 작업을 위해 내가 원래하려는 방법으로 일했다.

Answer 2

코드는 if (width <= 480) {으로 시작됩니다. 이것은 유효한 초상화 일 수 있지만 풍경이 아닌 것처럼 보입니다. 문제가 바로 발생합니다.

Answer 3

이 라인 :

$('.nav-cont').addEventListener('click', menu(e)); 
$('.nav-cont').addEventListener('touchstart', menu(e)); 

이어야 :

$('.nav-cont').addEventListener('click', menu); 
$('.nav-cont').addEventListener('touchstart', menu); 

심지어 :

$('.nav-cont').on('click', menu); 
$('.nav-cont').on('touchstart', menu); 

현재 코드 이벤트 핸들러에 menu 함수 호출의 결과를 추가한다.