Forum Mjukvara Programmering och digitalt skapande Tråd

en jquery-animation på flera objekt

1
Skriv svar
Permalänk
Medlem
●

en jquery-animation på flera objekt

Jag har en animation som tillämpas på flera div:ar med samma class.
Det funkar ju jättebra med:

$('holder').hover(function() {
  $(this).find('.objektet').animate()......

MEN...
Om jag drar musen över ett objekt och sen snabbt över ett annat så måste den första animationen gå klart innan nästa kan börja... Om man då drar musen över massa objekt så håller animationerna på jättelänge efter det att jag slutat.

Hur kan man undvika detta?

Visa signatur

ketels

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Citat:

Ursprungligen inskrivet av ketels
Jag har en animation som tillämpas på flera div:ar med samma class.
Det funkar ju jättebra med:

$('holder').hover(function() {
  $(this).find('.objektet').animate()......

MEN...
Om jag drar musen över ett objekt och sen snabbt över ett annat så måste den första animationen gå klart innan nästa kan börja... Om man då drar musen över massa objekt så håller animationerna på jättelänge efter det att jag slutat.

Hur kan man undvika detta?

Jag kan inte ett smack om jQuery vill jag först tillägga.

Om du läser här:
http://api.jquery.com/hover/

Där ser du att den tar emot en eller två funktioner.
Om du skickar en funktion så körs den vid mouseover och mouseout.

Jag skulle ha anropat den med två stycken och skickat med en till funktion som gör en negation av animationen, alternativt gör så att elementet återgår till defaultläge.

Hoppas det hjälper.

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Leedow
Jag kan inte ett smack om jQuery vill jag först tillägga.

Om du läser här:
http://api.jquery.com/hover/

Där ser du att den tar emot en eller två funktioner.
Om du skickar en funktion så körs den vid mouseover och mouseout.

Jag skulle ha anropat den med två stycken och skickat med en till funktion som gör en negation av animationen, alternativt gör så att elementet återgår till defaultläge.

Hoppas det hjälper.

Precis så är det... Och jag har en mouseOut-effekt också, men den tar ju också tid...
Vilket betyder att när "un-hovrar" så skall effekten gå tillbaka innan nästa effekt kan börja...

EDIT:
Löste problemet...

Gjorde två effekter av det.
En för mousEnter() och en för mouseLeave()
och på mouseLeave() gjorde jag en .stop() på mouseEnter-effekten.

Visa signatur

ketels

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Citat:

Ursprungligen inskrivet av ketels
Precis så är det... Och jag har en mouseOut-effekt också, men den tar ju också tid...
Vilket betyder att när "un-hovrar" så skall effekten gå tillbaka innan nästa effekt kan börja...

EDIT:
Löste problemet...

Gjorde två effekter av det.
En för mousEnter() och en för mouseLeave()
och på mouseLeave() gjorde jag en .stop() på mouseEnter-effekten.

Ja, precis det jag menade att du skulle göra.

hover tar antingen ett argument (en metod som gör både Enter och Leave)
eller så tar hover två argument (en metod för Enter och en för Leave).

Du kan skriva det på detta vis annars:
$(obj).mouseenter(handlerIn).mouseleave(handlerOut);

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara