jquery opacity Probleme mit Ein- und Ausblenden

7

Ссылка

Ich baue einen Wallpaper-Blog und versuche mit jquery einen Download-Link anzuzeigen / zu verstecken (ich bin ein Neuling). Das Problem ist, wenn Sie den Mauszeiger über das Bild bewegen und den Link einblenden lassen, dann schnell schweben und wieder einschalten, während es ausgeblendet wird ... der Link stoppt bei der Opazität, die er gerade erreicht. Es ist ein Problem, wenn ein Benutzer zufällig über die Bilder schwebt und die Deckkraft bei 0 bleibt. Was verursacht das?

    
dustinliamc 20.01.2011, 19:12
quelle

3 Antworten

17

clearQueue in der Animation .stop() -Methode ist standardmäßig auf false ( siehe API ) eingestellt, aber Sie möchten es be true , weil die aktuelle Animation gelöscht werden soll und die neue Animation des Hover-Status gestartet werden soll. Ändern Sie Ihren Code wie folgt:

%Vor%     
mVChr 20.01.2011, 19:16
quelle
4

Dies ist eine Folge der Tatsache, dass Sie stop() (docs) verwenden , um die Animation anzuhalten und umzukehren. Das Problem ist, dass die nächste Überblendfunktion den gestoppten Punkt speichert und verwendet.

Sie können stattdessen fadeTo() (docs) verwenden So können Sie die Deckkraftziele bei 1 und 0 fixieren.

%Vor%

BEARBEITEN: Das Äquivalent mit animate() (docs) ist:

%Vor%

Beachten Sie, dass keiner von diesen display:none am Ende setzt. Wenn Sie das wollen, müssen Sie es manuell tun.

%Vor%     
user113716 20.01.2011 19:16
quelle
2

Sehen Sie sich die Methode .stop () an. Es wurde entwickelt, um diese Probleme zu beheben.

    
Tom B 20.01.2011 19:15
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Python wählt ein zufälliges Datum im aktuellen Jahr aus