Hallo,
ich hatte in der Version 12.5.7 schon einmal mit diversen Responsive Designs, vorzugsweise mit Fotos über die gesamte Seitenbreite, herumprobiert und musste diese Entwürfe leider immer verwerfen, da die Dropdown-Menüs nicht auf großen iPads funktionierten.
Ich hatte nun die Hoffnung, dass mit ZETA 13 auch diese Dropdown-Menüs angepasst worden sind, was leider nicht der Fall ist.
Es geht um folgende Layouts:
Contemporary Responsive
Panorama Responsive
Poster Responsive
Producer Responsive
Stripe Responsive
Insofern ich hier Hauptmenü-Einträge und Untermenü-Einträge habe, werden diese auf dem PC mittels des Hover-Effekts aufgeblendet und ich klicke dann mit der Maus auf den Untermenü-Eintrag. Alles schön.
Beim iPad führt ein Touch auf den Hauptmenü-Eintrag dazu, dass das Dropdown-Menü ganz kurz aufklappt, dann aber zusätzlich als erneutes Touch-Event ausgewertet und als Auswahl-Klick auf den Hauptmenü-Eintrag behandelt wird, was dazu führt, dass das Dropdown-Menü sofort wieder zuklappt. Somit ist auf einem iPad eine Auswahl von einem Untermenüpunkt leider überhaupt nicht möglich, da das Dropdown-Menü maximal 0,5 bis 1 Sekunde aufbleibt.
Dass dieses auch anders geht, kann man in den folgenden Layouts sehen:
Smart Responsive
Travel Responsive
Clean Style Responsive
Dort wertet das iPad den ersten Touch auf den Hauptmenüeintrag korrekt nur einmal aus, klappt dann das Dropdown-Menü aus und wartet darauf, dass man einen Untermenüpunkt mit einem erneuten Klick auswählt. Genau so muss es sein, da die Menüs ansonsten nicht per iPad bedienbar sind.
Es geht mir nicht um das Design der Buttons oder der Schaltflächen, das kann ich ggf. jederzeit im CSS-Code ändern.
Es müsste sicherlich irgendwo ein jscript-Code eingefügt werden, der die Touch-Events anders auswertet, so wie bei den zuletzt genannten Layouts.
Gibt es dafür einen Codeschnipsel, den ich als Quelltext oder über eine .js Datei einfügen kann, so dass ich die fehlerhafte Dropdown-Funktion der Layouts anpassen kann? Oder was kann ich ansonsten wo ändern, damit die Dropdown-Menüs offen bleiben? Hat da jemand einen Lösungsvorschlag?
Vielen Dank.