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

Wenn der Benutzer jedoch zweimal auf das Ereignis klickt, wird es zweimal ausgelöst, wodurch die Formatierung durcheinander gebracht wird.

Hier ist ein Beispiel für das, was ich habe:

$('a#right').click( function () {

if ($(this).is(':visible')) {

    $('#slide').animate({right: '+=257'}, 400, function () {
    slide_button();
    });

    }
});

Die Funktion slide_button () prüft, ob die Position des Div innerhalb der für den Benutzer akzeptablen Grenzen liegt. In diesem Fall wird die rechte oder linke Taste sichtbar. Wenn es außerhalb der Grenzwerte liegt, werden die Schaltflächen ausgeblendet.

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

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