Блог

Главная - Вопросы по программированию - Адаптивное меню переключения на jQuery работает только один раз

Адаптивное меню переключения на jQuery работает только один раз

#jquery #css

#jquery #css

Вопрос:

Я не владею адаптивным и jQuery, это для моего первого проекта в responsive, все работает нормально, но верхние меню переключаются только один раз, не знаю, как решить.

Мой jQuery:

 $("#pull").bind('click touchstart', function () {
        //$(".responsiveMenu, .mobile-responsive-menu").slideToggle();
        $(".responsiveMenu, .mobile-responsive-menu").toggle();
    });
    $(window).resize(function () {
        $(".responsiveMenu, .mobile-responsive-menu").hide();
    });

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

Комментарии:

1. Вы используете одни и те же классы для разных элементов, это первая проблема

Ответ №1:

Проблема в том, что у вас есть два элемента с классом mobile-responsive-menu :

 <div class="mobile-responsive-menu">
    <ul class="mobile-responsive-menu">

Удалите этот класс из div.

Вот рабочая скрипка: http://jsfiddle.net/Q6Dss /

Обратите внимание, что для его работы я переключаю только ul ( .mobile-responsive-menu ), а не отдельные кнопки ( .responsiveMenu ), что является излишним.

Метки: