jQuery-Animation: Doppelklick ignorieren

8

Ich habe eine einfache jQuery-Animation, die ein div nach einem .click () -Ereignis nach rechts oder links bewegt.

Wenn der Benutzer jedoch zweimal auf das Ereignis klickt, wird es zweimal ausgelöst, was die Formatierung beeinträchtigt.

Hier ist ein Beispiel von dem, was ich habe:

%Vor%

Die Funktion slide_button () prüft, ob die Position des div für den Standpunkt des Benutzers innerhalb akzeptabler Grenzen liegt. Wenn dies der Fall ist, wird der rechte oder linke Knopf sichtbar sein. Wenn es außerhalb der Grenzen liegt, werden die Schaltflächen ausgeblendet.

Es funktioniert gut, außer wenn ich zweimal darauf klicke - dann wird es einfach von der Seite gleiten.

Gibt es eine Möglichkeit, damit Doppelklicks zu ignorieren?

    
Jordan 09.09.2010, 06:23
quelle

4 Antworten

13

Überprüfen Sie, ob das Element bereits animiert:

%Vor%     
fantactuka 09.09.2010, 06:33
quelle
7

Sie können one () in jquery verwenden:

%Vor%

Nachdem die Animation abgeschlossen ist, wird das click-Ereignis erneut an den Link gebunden und kann höchstens einmal ausgeführt werden.

    
Zafer 09.09.2010 06:46
quelle
1

Ich komme normalerweise dazu, indem ich eine globale Variable setze und ein if like

führe %Vor%     
lnrbob 09.09.2010 06:34
quelle
0

Sie könnten das Klickereignis .unbind() einmal anklicken, wodurch es mehrfach ausgeführt wird:

%Vor%

Wenn die Animation abgeschlossen ist, können Sie sie erneut binden, wenn Sie erneut klicken müssen.

    
Darin Dimitrov 09.09.2010 06:25
quelle

Tags und Links