Beim Analysieren von jQuery-Mausereignissen bei verschiedenen CSS-Animationstypen fällt mir auf, dass translate3d den Mauszeiger und andere Ereignisse nicht korrekt auslöst.
In einem einfachen Beispiel animiere ich eine Liste von Blöcken von rechts nach links.
Beim Rollover setze ich den schwebenden LI-Hintergrund auf GRÜN.
Hinweis: Tests werden für Webkit erstellt
HTML
%Vor%CSS
%Vor%jQuery
%Vor%Wie Sie in der begleiteten Geige sehen können, zeigt translate3d sehr fehlerhafte jQuery-Schwebungen, während die Übersetzung in Ordnung ist.
hat jemand irgendwelche Hinweise, warum das so ist?
Dies ist ein bekanntes Problem. Chrome ruft den Hover-Effekt eines Elements nicht auf, wenn das Element unter einem sichtbaren Mauszeiger angezeigt wird, indem es sich bewegt oder sichtbar wird.
Überprüfen Sie dies: Ссылка
Erwarten Sie, dass der Mauszeiger ausgelöst wird, wenn die Maus stationär ist und sich ein Ziel unter der Maus bewegt? Ereignisse werden nur gesendet, wenn die Maus in Bewegung ist oder auf eine Schaltfläche geklickt wird, wenn ich mich richtig erinnere. Wenn die Maus nichts tut, wird nichts ausgelöst, einschließlich des Schwebens. Ereignisse basieren auf Benutzereingaben. Wenn es keine Benutzereingaben gibt, gibt es kein Ereignis.
Wenn Sie die Maus langsam über die Elemente hin- und herbewegen, können Sie sehen, dass der Hover-Status ordnungsgemäß funktioniert. Das Problem scheint nur dann zu erscheinen, wenn Sie die Maus nicht bewegen.
Das heißt, es sei denn, ich vermisse das Problem, also bitte klären Sie, ob ich nicht verstehe.
Tags und Links javascript jquery css css-transitions translate3d