Wenn Sie die .animate () -Funktion von jQuery mit so etwas wie einem Hover-Ereignis verwenden, werden diese Animationen in die Warteschlange gestellt. Wenn Sie also mehrmals mit der Maus darüber fahren, wird diese Animation mehrmals ausgelöst. Die klassische Methode, um dies zu verhindern, besteht darin, vor der Animation ein .stop () einzufügen. Ich finde dies jedoch abrupt und nicht ideal, da dadurch verhindert wird, dass die Animation einen vollständigen Zyklus abschließt. In diesem Screencast werden wir uns einige Versuche ansehen, dies zu lösen und letztendlich ein Plugin zu verwenden, das großartige Arbeit leistet.
Links vom Video:
- Original geschriebener Artikel mit Demos
- hoverFlow Plugin
- Letzte Demo vom Screencast