Neu Megamenü erweitern (Mouseenter Event fehlerhaft)

  • Wichtiger Hinweis Liebe Kunden, solltet Ihr den DATEV Rechnungsdatenservice 2.0 nutzen, dann müsst Ihr bis zum 30.06.2024 JTL-Wawi 1.9 installieren. Danach wird die Schnittstelle für ältere Versionen nicht mehr unterstützt.
  • JTL-Connect 2024: Ihr habt noch kein Ticket? Jetzt Early Bird Ticket zum Vorzugspreis sichern! HIER geht es zum Ticketverkauf

Teststrecke

Neues Mitglied
29. Februar 2024
3
0
Hallo, ich wollte gerne das Megamenü auf der Startseite im NOVA template erweitern, sodass man sich per "mouseenter" weitere Unterkategorien anzeigen lassen kann. Zur Veranschaulichung, ich möchte so ein ähnliches Menü wie das auf hornbach.de.

Dazu habe ich die header.js im NOVA template um ein neues Mouseenter Event für die Unterkategorien erweitert. Das ganze funktioniert im Großen und Ganzen, nur eben nicht immer. Hin und wieder kommt es vor, dass sich ein Reiter einfach nicht öffnet. Das passiert eher zufällig und ich konnte den Fehler bisher nicht eindeutig reproduzieren, siehe script.

Ich habe im Grunde das Mouseevent, die "showdropdown()" und "hidedropdown()" -Funktonen sowie alle nötigen Variablen in der header.js kopiert und daraus mein eigenes Unterkategorie-Menü gebastelt. Bin um jede Hilfe dankbar.

JavaScript:
$document.on('mouseenter', `${mainNavigation} .subcategoryItems > .dropdown`, onDesktop((e) => {
    if(hasTouch())
        return

    if(dropdownOutToSub != undefined)
        clearTimeout(dropdownOutToSub)

    dropdownInToSub = setTimeout(() => {
        if($activeDropdownSub !== null) {
            hideSubcategory()
        }
        showSubcategory($(e.target))
       
    }, delayDropdownFadeIn)
})).on('mouseleave', `${mainNavigation} .subcategoryItems > .dropdowsn`, onDesktop((e) => {
    if(hasTouch())
        return

    if(dropdownInToSub != undefined)
        clearTimeout(dropdownInToSub)

    dropdownOutToSub = setTimeout(() => {
        hideSubcategory()

    }, delayDropdownFadeOut)
}))
 

bbfdesign

Offizieller Servicepartner
SPBanner
28. September 2013
343
80
Moin
Zeige uns doch mal Deine Arbeit. Dann können wir uns das auch besser anschauen.