Der Browser ignoriert manchmal ein jQuery-Klickereignis während einer CSS3-Transformation
Wenn ein Element ein anderes Element enthält, das über ein CSS animiert wirdtransition
Klickereignisse werden gelegentlich nicht ausgelöst.
Testfall:http://codepen.io/anon/pen/gbosy
Ich habe ein Layout, in dem eine Reihe von Bildern Bildunterschriften enthält, die beim Schweben angezeigt werden. Mit einem Klick schießen sie ein.slideDown
eines benachbarten Elements. Sie selbst werden wahrscheinlich von einem Benutzer schnell durchgeklickt. Das Problem macht sich auf einer Live-Site noch deutlicher bemerkbar als im Codepen.
Im Codepen werden ungefähr 90% meiner Klicks beachtet, während bei deaktivierten CSS-Übergängen 100% beachtet werden.
Anregungen sind willkommen.
Ich sollte beachten, dass das Problem in Chrome am einfachsten zu replizieren ist, da es in Safari weniger häufig und in Firefox deutlich seltener auftritt.