Задать вопрос
@artalexs
javascript

Как оптимизировать код jQuery?

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

let chairs = $('.responsive-menu-items > ul > li:nth-child(6) > a'),
    chairsList = $('.responsive-menu-items > ul > li:nth-child(6) > ul'),
    accessories = $('.responsive-menu-items > ul > li:nth-child(11) > a'),
    accessoriesList = $('.responsive-menu-items > ul > li:nth-child(11) > ul'),
    component = $('.responsive-menu-items > ul > li:nth-child(12) > a'),
    componentList = $('.responsive-menu-items > ul > li:nth-child(12) > ul');

chairs.on('click', function() {
    chairsList.toggleClass('subcategories');
});

accessories.on('click', function() {
    accessoriesList.toggleClass('subcategories');
});

component.on('click', function() {
    componentList.toggleClass('subcategories');
});
  • Вопрос задан
  • 92 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
iamd503
@iamd503
Верстальщик 
$('.responsive-menu-items > ul > li').each(function () {
        let el = $(this),
            link = $('> a', el),
            ul = $('> ul', el);
        if (ul.length && window.matchMedia("(max-width: 400px)").matches) {
            link.click(function () {
                ul.toggleClass('subcategories');
                return false;
            })
        }
    })


fix
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
SagePtr
@SagePtr
Еда - это святое
Можно повесить глобальный обработчик нажатия на корневой элемент, а в нём уже проверять, на какой именно элемент было произведено нажатие (через event.target), и если он обладает нужными свойствами - то применять к нему действие.
И так даже лучше, потому что в последствии не придётся заморачиваться над обработчиком при удалении или добавлении новых пунктов меню.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Ещё заказы