Spry Menü - Submenüs funktionieren auf Smartphones / Tablet nicht - Warum?
 

Liebe Mitglieder,

ich habe mal wieder eine Frage zum Thema Spry Menü. Kann mir jemand verraten, warum die Untermenüs auf einem Smartphone (iPhone 4) bzw. Tablett (iPad 2) nicht funktionieren? Ich habe von diesen Geräten absolut keinen Zugriff auf die Untermenüs. Es handelt sich um die Menüeinträge "Immotion", "Home Staging" und "Immobilienfotografie" auf der folgenden Website:

Home | IMMOTION Home Staging | Kassel | DGHR Mitglied | Immobilien

Bei den anderen Menüeinträgen gibt es keine Untermenüs.

Kann man dies einfach mit irgendeiner Einstellung (die ich nicht kenne) beheben oder bleibt mir nicht anders übrig, als auf den entsprechenden Seiten Links zu den Unterseiten einzufügen (was design-technisch unschön wäre).

Viele Dank im voraus
Florian

Hallo liebe Mitglieder,

ich versuche noch mal das Thema nach oben zu schieben.

Hat denn wirklich niemand eine Ahnung, weshalb die Spray-Submenüs auf mobilen Endgeräten nicht so funktionieren, wie am Desktop?

Falls ihr Code für die Beantwortung der Frage benötigt, müsst ihr nur sagen welchen..

Viele Dank

Hauptsächlich deshalb, weil Mobilgeräte selten mit der Maus bedient werden. Dein Script ist aber nur für Mausbedienung ausgelegt.

Zu deinen Einstiegsfragen:
Nein.
Ja, mach das so. Das ist das sinnvollste -- und für alle benutzbar.

Vielleicht weil 'hover' auf mobilen Endgeräten nicht funktioniert? ;)

Aufklappmenus funktionieren dort nur per Fingertip, das entspricht in etwa einem Klick mit der Maus oder der Tab-Taste.
Soll ein Aufklappmenü auch mit einem Smartphone bedienbar sein, so muß bei Klick auf einem Hauptmenü-Link das entsprechende Submenü aufklappen und stehenbleiben, damit man dann auf den gewünschten Submenü-Link tippen kann.

BTW ist dein Aufklappmenu auch mit Desktop-Browsern total unbrauchbar, wenn Besucher JavaScript deaktiviert haben.
Dann klappt nämlich nichts mehr auf.

Schau dir mal dieses Menü von Stu Nicholls an:

Stu Nicholls | CSSplay | Click open/click close dropdown menu | Suitable for iPad etc.

Aber vielleicht wäre es nicht schlecht, wenn du erstmal klein anfängst, und ein Aufklappmenü von Hand selber schreibst.
Dann wirst du eher verstehen, was Stu Nicholls da gemacht hat. ;)

FAQ #8 und
http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439

Dieses Menü von Stu Nicholls ist (auch) nicht sinnvoll mit der Tastatur zu bedienen.
Das Menü des OP hat zudem Links auf der ersten Menüebene und eine tiefere Verschachtelung. Das ist mit dieser Methode nicht machbar.

Dropdowns zugänglich zu machen ist ziemlich aufwendig.
Im Adventskalender bei den Webkrauts gibt's gerade zwei Artikel, die sich auch mit dem Thema "Dropdown für Touch" befassen:
Einfaches Dropdown oder elegantes Styling | Webkrauts
Komplexe Mobil-Navigation mit und ohne Javascript | Webkrauts

Vielen Dank für die Antworten und Tipps.

Sobald das Budget es hergibt, macht das ein Profi :)