У меня проблема с моим меню в мобильном режиме. onClick it fadesOut. Я хочу сохранить эту настройку, однако, я хочу, чтобы она ничего не делала, когда вы нажимаете на раскрывающуюся часть меню. вот ссылка: http://jsfiddle.net/zLLzrs6b/3/ оцените вашу помощь!выпадающее меню проблемы на мобильном телефоне
также мой HTML:
<nav id="nav-wrap">
<a class="mobile-btn" href="#nav-wrap" title="Show navigation">Show Menu</a>
<a class="mobile-btn" href="#" title="Hide navigation">Hide Menu</a>
<ul id="nav" class="nav">
<li><a class="smoothscroll mobile" href="#about">about</a></li>
<li><a class="smoothscroll mobile" href="#documents">blog</a></li>
<li class="nav-item"><a href="#">dropdown</a>
<ul class="langop">
<li><a href="#">otion 1</a></li>
<li><a href="#">otion 2</a></li>
</ul>
</li>
</ul>
</nav>
CSS:
.langop
{
display:none;
position: relative;
width:auto;
}
.nav-item:hover .langop {
display: block;
}
Java:
var toggle_button = $("<a>", {
id: "toggle-btn",
html : "Menu",
title: "Menu",
href : "#" }
);
var nav_wrap = $('nav#nav-wrap')
var nav = $("ul#nav");
nav_wrap.find('a.mobile-btn').remove();
nav_wrap.prepend(toggle_button);
toggle_button.on("click", function(e) {
e.preventDefault();
nav.slideToggle("fast");
});
if (toggle_button.is(':visible')) nav.addClass('mobile');
$(window).resize(function(){
if (toggle_button.is(':visible')) nav.addClass('mobile');
else nav.removeClass('mobile');
});
$('ul#nav li a').on("click", function(){
if (nav.hasClass('mobile')) nav.fadeOut('fast');
});
Где находится переменная 'nav'? Вы уверены, что у него класс «мобильных»? Вы говорите, что это не исчезает. Что происходит? Вы получаете какие-либо исключения в консоли? – yts