Wherevere ich über das Menü schweben, funktioniert es gut. Aber, wenn ich versuche, auf die Untermenü Links und Kinder zu bekommen, schließt sich das MenüDropdown-Menü Schließt auf Hover (Fehler)
/*----------------------------------------------------
/* Dropdown menu
/* ------------------------------------------------- */
jQuery(document).ready(function($) {
function mtsDropdownMenu() {
var wWidth = $(window).width();
if (wWidth > 865) {
$('#navigation ul.sub-menu, #navigation ul.children').hide();
var timer;
var delay = 100;
$('#navigation li').hover(
function() {
var $this = $(this);
timer = setTimeout(function() {
$this.children('ul.sub-menu, ul.children').slideDown('fast');
}, delay);
},
function() {
$(this).children('ul.sub-menu, ul.children').hide();
clearTimeout(timer);
}
);
} else {
$('#navigation li').unbind('hover');
$('#navigation li.active > ul.sub-menu, #navigation li.active > ul.children').show();
}
}
mtsDropdownMenu();
$(window).resize(function() {
mtsDropdownMenu();
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="menu-item-513" class="menu-item "><a href="#"><i class="fa fa-calculator"></i> OFFERTE AANVRAGEN</a>
<ul class="sub-menu">
<li id="menu-item-1146" class="menu-item"><a href="#">Zonnepanelen installatie (België)</a>
</li>
<li id="menu-item-1144" class="menu-item"><a href="#">Zonnepanelen reinigen (België)</a>
</li>
<li id="menu-item-1145" class="menu-item"><a href="#">Zonnepanelen installatie (Nederland)</a>
</li>
</ul>
</li>
Binden Sie keine Ereignisse in einem anderen Event-Handler, da dies zu unerwartetem Verhalten führen kann. – empiric
weil Ihre Hover-Funktion direkt auf einem Listenelement 'li' steht und sonst nichts. Du könntest mit dem Posten deiner HTML auch tun – Darren
ich bin Dummy zu Javascript, kannst du rewritecode für mich? –