Я использую загрузчик navbar, и у меня есть выпадающий список.Там все отлично работает.Что мне сейчас нужно, так это дополнительная отдельная кнопка на странице, чтобы также переключать упомянутое раскрывающееся меню.
Мне удалось переключить раскрывающееся меню с помощью внешней кнопки, но когда я когда-либо взаимодействую с действительной раскрывающейся кнопкой, дополнительная кнопка перестает работать,
$(document).on("click","#servicesBtn",function(){
$(".servicesDropdown").toggleClass("show");
$("#navbarDropdown").attr("aria-expanded", "true");
})
Этот код я использую для переключения выпадающего меню.Я заметил, что после взаимодействия с основной кнопкой выпадающего меню дополнительная кнопка не добавляет необходимые классы к допдауну для его переключения.В инструментах Chrome для разработчиков он мигает, как будто он меняется, но классы не добавляются.
Как мне сделать так, чтобы оба выпадающих переключателя работали вместе, не прерывая один другой?
РЕШЕНИЕ:
Я нашел решение.Вот как вызвать раскрывающийся список с помощью внешней кнопки: $('.servicesDropdown').find('[data-toggle=dropdown]').dropdown('toggle');
Обратите внимание, что .servicesDropdown
- это пользовательский класс, который находится в div, окружающем раскрывающийся список.
Весь кредит идет на этот поток