Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

[jQuery][JS] uruchamianie tylko jednej animacji na raz

#1
[jQuery][JS] uruchamianie tylko jednej animacji na raz
Witajcie.
Załóżmy, że mam taki kod
Kod:
$('.element').mouseover(function(){
$(this).animate({
width: '250'
});
});
Prosty kod, który jak najbardziej działa, jednak jeśli mam kilka elementów i szybko przesunę po nich kursorem myszy, to uruchamiane są wszystkie zdarzenia po kolei. W efekcie jeszcze przez kilka sekund odgrywane są animacje. Jak zabezpieczyć się przed czymś takim?

Przy okazji zadam drugie pytanie, które dotyczy raczej zdarzeń niż animacji. Otóż, załóżmy, że .element zawiera w sobie inny obiekt blokowy, bądź jakikolwiek inny, który np. pojawia się podczas wychwycenia zdarzenia mouseover. I to jak najbardziej działa, jednak kiedy kursorem najadę na obiekt znajdujący się wewnątrz .element, to przeglądarka zachowuje się, jakby zaistniało zdarzenie mouseout.
 System operacyjny: linux Przeglądarka: chrome
#2
RE: [jQuery][JS] uruchamianie tylko jednej animacji na raz
1.
Kod:
$('.element').mouseover(function(){
$(this).stop().animate({
width: '250'
});
});

2.
Kod:
$('.element > *').mouseover(function(event) {
event.stopPropagation();
});

I do meteody stop, jak i stopPropagation masz dokumentację na stronie jQuery, jeżeli chcesz się o nich dowiedzieć więcej Wesoły
 System operacyjny: windows_ten Przeglądarka: chrome
Programy: Polecane / Nowe / Inne




Podobne wątki ([jQuery][JS] uruchamianie tylko jednej animacji na raz)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  wordpress - usunięcie widgetów na jednej podstronie Chr1stian 5 1708 17.09.2017, 19:02
Ostatni post: Chr1stian
  Jquery scroolowanie chwm 0 7604 07.04.2016, 17:52
Ostatni post: chwm
  Dynamiczna wyszukiwarka jQuery chwm 0 7142 26.01.2016, 16:54
Ostatni post: chwm

Skocz do:


Wybrane wątki ([jQuery][JS] uruchamianie tylko jednej animacji na raz)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 5083 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 3285 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 3141 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 3509 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 3156 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 6255 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 5613 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 6275 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 7302 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 7725 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 12827 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 25940 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 13188 10.02.2019 13:18
Ostatni post: Ajgor
  HTML a Wordpress Majki_77 3 12097 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 6995 08.02.2019 17:16
Ostatni post: xCart