Kun käytät jQueryn .animate () -funktiota jonkin sellaisen kanssa kuin leijutapahtuma, nämä animaatiot "jonottavat". Eli jos viet hiirellä useita kertoja, animaatio käynnistyy useita kertoja. Klassinen tapa estää tämä on heittää .stop () ennen animaatiota, mutta mielestäni tämä on äkillinen eikä ihanteellinen, koska se estää animaatiota suorittamasta koko jaksoa. Tässä kuvakaappauksessa tarkastelemme muutamia yrityksiä tämän ratkaisemiseksi ja viime kädessä suurta työtä tekevän laajennuksen avulla.
Linkit videosta:
- Alkuperäinen kirjoitettu artikkeli demoilla
- hoverFlow-laajennus
- Viimeinen demo screencastista