Mobile Menue link not working

Hallo,

I`ve tried it several times now and everything is working fine for me. Every side loads.
Did you solve the issue?

Hi,

not really :(. The issue exists if you using Android 10 Phone ore Chrome/Fixefor debugging with responsiv layout. Sometimes is happend, sometimes not. I think this is might be a javascript issue? Cause CSS bugs are not sporadic :)? I will add you a gif: https://imgur.com/cFXNGaR

• This reply was modified 4 years, 4 months ago by carvered.
• This reply was modified 4 years, 4 months ago by carvered.

Hi,

I found out something new. The responsive menu does actually work. It does not work when your are at this site: /partnerinnen/. So the issue has something to do with that page.

Edit. Thanks for that video. It seems that it has nothing to do with /partnerinnen/… ^^

By the way: This is German domain… Do you speak German?

David

• This reply was modified 4 years, 4 months ago by David Siemers.

Ja tue ich :). Idr. ist englisch doch die bessere Wahl. Ich habe bei meinen Kunden nun auch folgendes festgestellt:

Android 8 –> geht
Android 10 –> Firefox/Chrome geht nicht
IOS —> Safari geht
Windows Firefox/Chrome —> im mobile emulator wie im Video gezeigt geht es nicht.

Was mich verwirrt ist das es nach mehrmaligem versuchen funktioniert oder wenn man das Menü im responsiv-menü (Chrome debug) etwas breiter macht.

Ich habe auf einmal das Theme neu installiert und eine Demo importiert (ohne weitere Plugins), selber Fehler

Super, das macht die Kommunikation wenigstens ein bisschen einfacher^^

Ich habe die Seite in der Zwischenzeit mal auf drei verschiedenen Android-Endger?ten getestet. Einmal mit Android 7, Android 8 und Android 10.

Ich sto?e immer wieder auf das Problem, kann aber überhaupt kein Muster feststellen… Die Links im Quellcode sehen auch alle richtig aus….

Vllt. ist es einen Versuch wert, testweise ein anderes Menü zu erstellen, das dann im Header anzeigen zu lassen und zu sehen, ob der Fehler wieder auftritt. Wenn der Fehler dann nicht mehr auftritt, würde ich raten, das jetzige Menü (nur das Menü, nicht die Seiten) zu l?schen und neu zu erstellen.

Das hat leider auch nicht funktioniert. Ich habe über Front und Backend jeweils ein Menü erstellt und dieses mit verschiedenen Inhalten bestückt. Der Fehler kommt leider wieder.

Ich bin leider nicht so affin darin Javascript zu debuggen, aber w?re das ggf. eine Ursache?

[Violation] Added non-passive event listener to a scroll-blocking ‘touchstart’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

Zudem k?nnte es auch was mit dem z-index zu tun haben, eventuell liegt eine Ebene darüber die man nicht sieht oder der Linkbereich ist nicht klickbar?

Auff?llig ist das wenn man das mobile Menü etwas breiter macht als Handystandards es doch funktioniert. https://imgur.com/pDCl4ot

Ich bin leider ratlos.

Was ist denn, wenn du das Menü komplett von Hand anlegst?

Also statt Seiten/Beitr?ge den Punkt Individuelle Links nutzt?
Und versuch dann mal relative Links zu nutzen und keine absoluten.

Leider auch nicht erfolgreich, siehe: https://imgur.com/ewqdhIp

Dann f?llt mir leider nicht mehr sooo viel ein. Alles was ich zu dem Thema im Internet finde geh?rt zu alten WordPress-Versionen.
Nutzt du die aktuelle WP-Version?

Ich habe nur diesen Code schnipsel gefunden den du in die function.php deines child-themes kopieren kannst…. Aber keine Ahnung, ob das hilft.

add_action('wp_default_scripts', function ($scripts) {
    if (!empty($scripts->registered['jquery'])) {
        $scripts->registered['jquery']->deps = array_diff($scripts->registered['jquery']->deps, ['jquery-migrate']);
    }
});

Ich bekomme n?mlich immer, sobald ich das responsive-Menü ?ffne die Warnung:

JQMIGRATE: jQuery.event.handle is undocumented and deprecated

Der Code oben soll das laut stackoverflow beheben….

Das scheint tats?chlich erstmal zu funktionieren. In der Console findet ich noch folgenden Fehler. Kannst du mir da helfen?

Uncaught TypeError: Cannot read property ‘apply’ of undefined
at HTMLUListElement.handler (theme.bundle.min.js?ver=1.0:1)
at HTMLUListElement.dispatch (jquery.js?ver=1.12.4-wp:3)
at HTMLUListElement.r.handle (jquery.js?ver=1.12.4-wp:3)
handler @ theme.bundle.min.js?ver=1.0:1
dispatch @ jquery.js?ver=1.12.4-wp:3
r.handle @ jquery.js?ver=1.12.4-wp:3
theme.bundle.min.js?ver=1.0:1 Uncaught TypeError: Cannot read property ‘apply’ of undefined
at HTMLDocument.handler (theme.bundle.min.js?ver=1.0:1)
at HTMLDocument.dispatch (jquery.js?ver=1.12.4-wp:3)
at HTMLDocument.r.handle (jquery.js?ver=1.12.4-wp:3)
handler @ theme.bundle.min.js?ver=1.0:1
dispatch @ jquery.js?ver=1.12.4-wp:3
r.handle @ jquery.js?ver=1.12.4-wp:3

Ja, bei mir funktioniert das responsive-Menü auch wieder. Zumindest ist der Fehler noch nicht wieder aufgetaucht.

Ich recherchiere mal was ich zu dem anderen Fehler finde.

Was passiert, wenn du in der Datei hier:

{root}/wp-content/themes/mesmerize/assets/js/theme.bundle.min.js

das Wort “.apply” aus dem Abschnitt:

“touchend” !== e.type || i.data(“touchmove”) ? i.data(“touchend”) && i.removeData(“touchstart touchmove touchend”) : (e.type = “tap”,
t.event.handle.apply(this, arguments))
}
}),

entfernst? Was wird dann als Fehler angezeigt?
Den Code-Abschnitt findest du ab Zeile 2793 in der o.g. Datei.

• This reply was modified 4 years, 4 months ago by David Siemers.

VM2325 theme.bundle.min.js:2003 Uncaught TypeError: t.event.handle is not a function
at HTMLUListElement.handler (VM2325 theme.bundle.min.js:2003)
at HTMLUListElement.dispatch (jquery.js?ver=1.12.4-wp:3)
at HTMLUListElement.r.handle (jquery.js?ver=1.12.4-wp:3)
handler @ VM2325 theme.bundle.min.js:2003
dispatch @ jquery.js?ver=1.12.4-wp:3
r.handle @ jquery.js?ver=1.12.4-wp:3
VM2325 theme.bundle.min.js:2003 Uncaught TypeError: t.event.handle is not a function

Ich denke das kann man ohne das .apply nicht korrekt aufrufen?

Kannst du mal die ganze Funktion auskommentieren? Ich verstehe sowieso nicht ganz, in wie fern die etwas mit dem Menü zu tun.

Kommentier einfach mal die komplette Funktion aus und schau, ob sich etwas ver?ndert….

Ich habe aus dem Parent die selbe Funktion 2x aus der Datei entfernt und deine andere Methode im Child verankert. Jetzt funktioniert das alles. (Magst du auch nochmal schauen?).

Danke dir

Arbeitest du auch am Theme mit? Diese ?nderung müsste dann im Theme verankert werden weil das Parentheme aktuell nicht updatebar für mich w?re