Ciao a tutti ho un problema con la programmaizone del menù del mio sito! In pratica da desktop funziona bene, su smartphone il tasto del menù mi riaggiorna la paggina e non si apre! ecco il codice!
codice:
//Mobile Menu
$(document).click(
function (e) {
var $mobileNavBtn = $('.mobile-menu > a'),
ta= e.target,
m=$mobileNavBtn.get(0),
c=$mobileNavBtn.hasClass('active');
if ((ta != m) && c)
$mobileNavBtn.click();
}
);
$('.mobile-menu > a').click(function (e) {
var $this = $(this),
$menu = $this.parent().find('> ul');
$menu('background-image','url(assets/img/mobile-button.png)');
if ($this.hasClass('active')) {
$menu.slideUp('fast');
$this.removeClass('active');
$this.css('background-image','url(assets/img/mobile-button.png)');
}
else {
$menu.slideDown('fast');
$this.addClass('active');
$this.css('background-image','url(assets/img/mobile-button-minus.png)');
}
e.preventDefault();
});
}
e HTML:
codice HTML:
<!-- Mobile Menu -->
<div class="mobile-menu visible-tablet">
<a href=""></a>
<ul class="mobile-ul clearfix">
<li><a href="#home">Home</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#resume">Resume</a></li>
<li><a href="#contact">Contatti</a></li>
<li><a href="#">Download CV</a>
<ul>
<li><a href="assets/content/CV.pdf">PDF</a></li>
<li><a href="https://www.linkedin.com/in/raffaelederosa/">LinkedIn</a></li>
<li><a href="https://www.facebook.com/raffaele.de.rosa">Facebook</a></li>
</ul>
</li>
</ul>
<div class="menu-button-minus"></div>
</div>