Выпадающее меню JQuery «немедленно» закрывается, когда оно падает на клик?

Question

имеют эту проблему, когда я нажимаю на свой значок «гамбургер» в мобильном представлении .. он опускает мобильный навигатор, но ... затем сразу же мгновенно открывает его обратно? Это код, который я еще не написал, поэтому мне трудно расшифровать ... любая помощь будет отличной.

Вот код, я работаю с ....

General.nav.init = function() { 
jQuery(".mobile-opener").on("click", function(a) { 
    a.preventDefault(), jQuery("#main-nav .primary").slideToggle(), jQuery(this).toggleClass("open"); 
}), jQuery("#nav").scrollToFixed({ 
    minWidth: "1024" 
}); 

, а код он нацелен ....

<div class="purple" id="nav"> 
<nav id="main-nav" class="container"> 
    <a href="#" class="mobile-opener"></a> 
    <ul class="primary"> 
    <li class="home"><a href="#">Home</a></li> 
    <li><a href="#">Find an event</a></li> 
    <li><a href="#">Organise your own event</a></li> 
    <li><a href="#">About us</a></li> 
    <li><a href="#">Contact us</a></li> 
    </ul> 
    <ul class="pull-right secondary"> 
    <li class="blue-item"><a href="#">Donate</a></li> 
    <li class="green-item"><a href="#"><span class="mob-hide">Get your </span>fundraising pack</a></li> 
    </ul> 
</nav> 

** обновить только кажется, выполняться при просмотре на мобильном устройстве, он работает нормально в браузере?

Answer 1

Попробуйте a.stopPropagation() вместо a.preventDefault() на линии 3