Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z powtarzającą się animacją
Forum PHP.pl > Forum > XML, AJAX > AJAX
Barton
Witam,

Mam następujący problem do rozwiązania.

  1. $("#onas").hover(function(){
  2.  
  3. $("#onas").animate({
  4. width:'430px',
  5. height:'451px',
  6. }, 700);
  7.  
  8. }, function() {
  9. $("#onas").animate({
  10. width:'380px',
  11. height:'401px',
  12. }, 700);
  13.  
  14. });


Przy takich animacjach, ile razy najadę myszką na obiekt, tyle razy funkcje "$("#onas").animate()" się wykonają. Tzn mogę w ciągu dwóch sekund najechać na niego 8 razy i będzie on przez kolejne kilka sekund powiększał się i pomniejszał osiem razy.

W jaki sposób mogę temu zapobiec?
d3ut3r
http://api.jquery.com/animated-selector/

sprawdzasz czy element jest aktualnie animowany i jeżeli tak to odpuszczasz kolejną animację
Necsord
http://api.jquery.com/stop/
Przykład: http://jsfiddle.net/dPjdq/
Barton
Dzięki wielkie!
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.