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 wirdtransitionKlickereignisse 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.

Antworten auf die Frage(1)

Ihre Antwort auf die Frage