Antwort #33 am: 27. März 2015, 01:37:29
Beim Touchscreen führt jede Berührung des Menüs zu einem Reload, sprich entweder klickt man sich blitzschnell durch die Kategorien oder landet letztlich wieder auf der Starseite.
Der Menü-Link <a href="
http://www.kd-modelltechnik.de/shop/">Alle Kategorien</a> braucht eine ID (z.B. id="hamburger") und dann musst du ihn wie folgt ansprechen:
$('#hamburger').click(function(e) {
e.preventDefault();
});
Mit sämtlichen Ipads funktioniert das ganze
Nein.
Mit dem aktuellsten Ipad kann ich das komplette Menu so wie beim Squido-Template verschwinden lassen. Diesmal muss ich aber kein Browserfenster verkleinern sondern einfach vom Hochformat ins Querformat wechseln (ist sicherlich auch ein untypisches Verhalten...).
Einfach im Hochformat den Daumen auf das Hamburger-Icon legen und das Tablet ins Querformat drehen. Schon ist das Menü weg und taucht im Querformat auch nicht wieder auf wenn man hin und her wechselt. Nur ein Reload hilft, aber da kommt auch nicht jeder Kunde drauf.
Wer kein Ipad hat kann das nachstellen indem er das Browserfenster soweit verkleinert, dass das Hamburger-Icon erscheint. Dann das Menü auf und wieder einklappen und dann das Browserfenster wieder vergrößern.
Das hat weniger mit Bootstrap zu tun, als einfach mit einem Umsetzungsfehler, den meiner Meinung nach die Tablet Hersteller begangen haben. Der MouseOver Effekt ist deutlich älter, wurde aber bei der Umsetzung auf Touch irgendwie übergangen.
Quatsch.
Touch-Geräte-Hersteller haben extra eine Verzögerung von 300ms eingebaut, damit bei einer unabsichtlichen Berührung nicht direkt dem Link gefolgt wird (welcher dann aber auch einer sein sollte...).
Wenn man eine 300ms schnellere Seite haben will, dann kann man das per CSS deaktivieren. Das sollte man aber ebend nicht machen, wenn man so ein Menü hat...
Wir können den Fehler derzeit nicht reproduzieren. Weder mit iPad Air, iPad 2, iPad Mini, HTC One M8, iPhone 5 sowie einiger Emulatoren lässt sich der Fehler reproduzieren (jeweils mit Chrome und Safari). Sowohl die Desktop-Version des Menüs als auch die mobile Version funktionieren in diesen Kombinationen fehlerfrei.
Wenn man
Javascript deaktiviert tauchen auch keine Fehler auf, was aber daran liegt, dass (wie beim Squido-Template)
kein Menü auftaucht.
Das Template setzt bereits auf "touch" und "click" als Event Handler...
Nur weil ein Template auf "touch" reagiert ist es nicht automatisch für "touch"-Geräte einsetzbar. Das Javascript-Menü-Konstrukt ist wie beim Squido-Template und der im Netz herumgeisternden Ur-Version einfach unbrauchbar, was man schon allein daran sieht, dass es nicht funktioniert, wenn man Javascript deaktiviert.
Es bleibt ein unschönes Gefühl, dass ich nun nicht weiß, welche Kunden ich damit quasi "aussperre".
Alle die Javascript deaktiviert haben sowie alle Kunden die Touch-Geräte nicht so benutzen wie Template-Hersteller.