Intereting Posts
Отправить HTML-сообщение по электронной почте через PHP? Ошибка компиляции: элементы сопоставления POSIX не поддерживаются Apache загружает файлы php вместо их отображения vagrant puphpet Nginx загружает php-файл вместо рендеринга Symfony2 / Doctrine: как повторно сохранить объект с OneToMany в качестве каскадной новой строки Загрузить изображение из iOS с помощью ASIHTTPRequest неопределенная ошибка индекса от php arrya Как добавить новый вид (а также новый тип элемента меню) к существующим компонентам Joomla 2.5? Как отправить URL-адреса на php-сервер и вернуть ответ на андроид Замена тегов в фигурных скобках, даже вложенных тегах, с регулярным выражением JSON Parsing с использованием PHP возвращает символ unicode / ascii Проверка формы zf2 (связанные с zfcAdmin и BjyAuthorize) XPath находит определенный узел с определенным текстом Интеграция MarkerClusterer с базой данных Google Map V3 Как показать сообщение «Сохранить успех» в Laravel 5.1?

jquery toggle не работает на мобильных устройствах

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

здесь используется javascript / jquery (который можно найти по адресу http://dev.trafficdigitalagency.com/stage/js.js )

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

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

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

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

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

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

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