jQuery: Klicken Sie auf eine einzelne Schaltfläche, klicken Sie auf das Ereignis, das zwei- oder mehrmals ausgelöst wird

Ich habe HTML-Eingabe- und Schaltflächenelemente. Ich verwende die Schaltflächen, um Formulare zu senden, sekundäre Fenster zu öffnen usw. Das Problem ist, dass ein einzelner Klick zu 2 (und manchmal viel mehr) Formularübermittlungen führt oder zwei zusätzliche Browserfenster öffnet. Ich habe das Problem in mehreren Webbrowsern reproduziert. Ich habe versucht, die jQuery-Versionen zu wechseln, und das hat nichts geändert. Was könnte dazu führen, dass so etwas passiert?

Ihr Problem tritt möglicherweise auf, weil Sie dem Klickereignis mehrmals denselben Handler zuweisen. Ich schlage vor, dass Sie überprüfen, ob die Leitung, in der Sie den Handler zuweisen, nicht versehentlich mehrmals aufgerufen wird. Eine andere Lösung könnte ein Anruf bei sein unbind (veraltet 3.0) oder off (ersetzt) ​​zuerst:

$("#myButton").unbind("click").click(myHandler); // deprecated
$("#myButton").off("click").click(myHandler); // superseeded

Aber ohne einen Code zu sehen, vermute ich nur.

Da Sie nicht viele Informationen geliefert haben, kann ich Ihnen am besten empfehlen, sich eine anzuschauen ()

http://api.jquery.com/one/

jQuery Sparkle bietet dafür eine saubere elegante Lösung, indem Sie die Funktion “einmal” aufrufen, können Sie einen Handler nur einmal an ein Ereignis binden.

Es ist eine wichtige Verbesserung gegenüber dem Vorschlag von Darko Z, Folgendes zu verwenden:

$("#myButton").unbind("click").click(myHandler);

Würde alle anderen “Klick”-Handler, die dem “Klick”-Ereignis zugeordnet sind, bei jedem Aufruf aufheben. Sie stellen also sicher, dass es nur einmal gebunden ist, aber Sie binden alles andere versehentlich ab! Hoppla!

Der Vorschlag von jarrett entbindet den “click”-Handler direkt nach dem Aufruf. Wenn Sie also den Handler erneut aufrufen möchten (nach seinem anfänglichen Feuer), müssten Sie den Handler erneut binden.

Die einmalige Verwendung von jQuery Sparkle ermöglicht es dem Handler, so oft wie nötig zu feuern, aber nur einmal statt mehrmals gebunden zu werden. Sie können es wie folgt verwenden:

$('#myButton').once('click', function(){
    // my handler
});

Oder wenn Sie Daten in Ihrem Rückruf unterstützen möchten, genau wie das in jQuery integrierte “Bind”, dann können Sie Folgendes verwenden:

$('#myButton').once('click', data, function(){
    // my handler
});

Sie finden den Quellcode zum Definieren der Once-Funktion hier.

Es ist Open Source unter der AGPL-Lizenz, sodass Sie sich sorgenfrei das herausholen können, was Sie brauchen! 🙂 Es wird auch täglich aktiv weiterentwickelt, so dass es Ihnen nie an Unterstützung mangeln wird.

Aber am wichtigsten ist, dass es ein DRY Plugin/Effect Framework ist, mit dem Sie Plugins und Erweiterungen viel einfacher entwickeln können. Ich hoffe also, dass dies hilft, dieses Ziel zu erreichen!

bei mir lag es daran

$(function() {
    $('.some-element').click(function() {
        //event that fires twice
    });

    //some exception-throwing code here
});

jQuery hat die anonyme Bereitschaftsfunktion aufgrund der Ausnahme zweimal (?!) aufgerufen, sodass die Klickfunktion zweimal gebunden wäre.

Sie können verwenden one():

$("div").one("click", function(e) { ... });

Hängen Sie einen Handler an ein Ereignis für die Elemente an. Der Handler wird höchstens einmal pro Element ausgeführt.

Das wird gut funktionieren. Es funktioniert für mich.

$(".class-name").unbind().click(function() {
    //Do the Stuff
});

So etwas aufzurufen, bevor es für mich funktionierte, da ich ursprünglich $(‘#myButton’).on(‘click’… verwendet hatte, um meine Listener zuzuweisen.

$('#myButton').off();

Dokumentation für “off();”