jquery toggle не работает на мобильном телефоне

Question

, поэтому я пытаюсь сделать это, когда вы нажимаете меню на мобильной отзывчивой версии этого сайта прямо здесь http://dev.trafficdigitalagency.com/stage/ он переключает отображение: нет; в классе «подменит»

вот JavaScript/JQuery Я использую (который можно найти на http://dev.trafficdigitalagency.com/stage/js.js)

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

почему, когда я нажимаю на меню в отзывчивой версии делает подменит не переключение?

Answer 1

У меня была такая же проблема на днях. Оказалось, что обратный вызов события щелчка был настроен на то, чтобы стрелять дважды, поэтому переключатель выглядел так, будто он не стрелял вообще. Закончилось, чтобы все существующие слушатели были удалены, прежде чем добавить один назад. Обратите внимание на вызов off(). Надеюсь, что это работает для вас:

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

Answer 2

Если вы посмотрите на консоли (Ctrl-Shift-J в Chrome), где все JS erros все вошли, вы увидите, что реальная проблема опирается на пути WordPress загружает библиотеку jQuery в режиме «без конфликтов».

Я считаю, что решение, предоставляемое here по @RedEyedMonster поможет, так написать функцию, как это:

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