У меня проблема с выпадающим меню на мобильном телефоне, Меню открывается только при двойном щелчке. При первом открытии закрывается очень быстро. Второй щелчок открывает выпадающее меню ОК,Ошибка выпадающего меню в мобильном устройстве требует двух кликов
$(document).ready(function() {
$('#data-cat-menu .mega-menu a.dropdown').on('click', function(e){
e.preventDefault();
$(this).next('.dropdown-menu').slideToggle();
if($(this).find('span.glyphicon').hasClass('glyphicon-triangle-right')) {
$(this).find('span.glyphicon').removeClass('glyphicon-triangle-right');
$(this).find('span.glyphicon').addClass('glyphicon-triangle-bottom');
} else {
$(this).find('span.glyphicon').removeClass('glyphicon-triangle-bottom');
$(this).find('span.glyphicon').addClass('glyphicon-triangle-right');
}
});
});
.dropdown-меню уже имеет дисплей: нет, до щелчка.
<div class="dropdown-menu" style="display: none;">...</div>
Как я могу открыть его одним щелчком мыши?
Edit: Я также попытался остановить()
$(this).next('.dropdown-menu').stop().slideToggle();
Может ли ваш первоначальный '.hide()' быть срывающее это? попробуйте изменить это, чтобы жить в вашем CSS и делать 'display: none;' – Adjit
уже пробовал, я отредактировал вопрос, никакого результата. – Santiago
Возможно, попробуйте '.stopPropagation()' вместо '.preventDefault()' – Adjit