jquery 토글이 모바일에서 작동하지 않습니다.

그래서이 사이트의 모바일 응답 버전에서 메뉴를 클릭 할 때 여기에 표시하려고합니다. http://dev.trafficdigitalagency.com/stage/ 무엇이 표시인지 토글합니다 : none; 클래스 "하위 메뉴"여기 jquery 토글이 모바일에서 작동하지 않습니다.

내가 응답 버전에서 메뉴를 클릭하는 이유 ( http://dev.trafficdigitalagency.com/stage/js.js에서 찾을 수 있습니다) 내가 사용하는 자바 스크립트/JQuery와

$(document).ready(function(){ 
    $("#menu-item-3121").click(function() { 
    $(".sub-menu").fadeToggle("slow"); 
    }); 
});

하위 메뉴하지 않는 것입니다 비녀장?

2013-07-09 Philip

나는 이전에 같은 문제가있었습니다. 클릭 이벤트 콜백이 두 번 실행되도록 설정되었으므로 토글은 전혀 실행되지 않는 것처럼 보입니다. 기존의 리스너가 제거되기 전에 제거되어야합니다. off() 호출에 유의하십시오. 이 희망은 당신을 위해 작동 :

$(document).ready(function(){ 
    $("#menu-item-3121").off("click").on("click", function() { 
     $(".sub-menu").fadeToggle("slow"); 
    }); 
})

2013-07-09 23:55:07

콘솔을 살펴 경우, 모든 JS 모두 기록하는 오류 (크롬에서 Ctrl 키 - 시프트-J)는, 당신은 진짜 문제는 방법 워드 프레스에 의존하는 것을 볼 수 있습니다 '충돌 없음'모드에서 jQuery 라이브러리를로드 중입니다.

jQuery(document).ready(function ($) { 
    $("#menu-item-3121").click(function() { 
     $(this).find(".sub-menu").fadeToggle("slow"); 
    }); 
});

나는 해결책 당신을 도울 때문에,이 같은 함수를 작성합니다 @RedEyedMonster에 의해 here을 제공 믿는다

2013-07-10 00:10:35

답변