Allgemeine Frage zu jquery effekten

[RobtheTop]

Hallo.
Ich hoffe die Frage passt hier rein.
Ich habe mich Mal etwas im Netz umgesehen und ein paar ziemlich coole jquery Effekte gefunden.
Meine Frage wäre jetzt, wie sich das mit diesen Effekten in kleineren Viewports verhält...
Beispielsweise irgendwelche .onmouseover Flipperfekte.
Solche Effekte machen ja nunmal nur auf dem Desktop Sinn, da es beim Handy ja kein mouseOver gibt.
Wie verhält sich jquery in dem Fall?
Wird der Effekt dann einfach nicht dargestellt oder kommt es in dem Fall vielleicht sogar zu irgendwelchen Darstellungsfehlern oder ähnliches?
Muss man in dem Fall explizite sagen, dass man den Effekt nur auf Viewports größer 700px haben möchte?

Vielen Dank.

Linkback: https://www.modified-shop.org/forum/index.php?topic=41737.0

[Hans Bambel]

Onmouseover-Events werden auf den meisten Mobilgeräten nicht ausgelöst, daher wird auch der Effekt-Code nicht ausgeführt. Bei iOS wird der Effekt ganz kurz beim Klick / Tap auf einen Link ausgeführt. Im Normalfall hast du also keine Probleme.

Anders verhält es sich, wenn es nicht nur um Effekte geht sondern ein- und ausblenden von Content, bspw. bei einem Dropdown-Menu. Das funktioniert logischerweise nicht.

[hpzeller]

[...]
Muss man in dem Fall explizite sagen, dass man den Effekt nur auf Viewports größer 700px haben möchte?
[...]

Der mousover event (hover) funktioniert auf dem Smartphone nicht weil es touch device ist, und nicht weil es einen kleinen viewport hat.

Wenn der hover Effekt z.B. nur darin besteht bei mousover die Farbe der Schrift eines Links zu ändern, wird dieser Effekt beim Berühren des Displays eventuell (iOS und Android verhalten sich da unterschiedlich) einfach nicht ausgeführt sondern gleich zum Linkziel gewechselt. Wenn der hover Effekt z.B. aber eine wichtige Information einblendet (Tooltip) dann kann man das mit jQuery nachbilden, wenn das im entsprechenden jQuery Plugin nicht bereits implementiert ist.

[...]
Anders verhält es sich, wenn es nicht nur um Effekte geht sondern ein- und ausblenden von Content, bspw. bei einem Dropdown-Menu. Das funktioniert logischerweise nicht.

Dieses Problem kann man z.B. mit diesem jQuery Plugin -> https://github.com/dachcom-digital/jquery-doubletaptogo, welches z.B. im Bootstrap4 Template von Karl enthalten ist, lösen.

Gruss
Hanspeter

[RobtheTop]

Alles klar.
Danke für die Ausführung.