jQuery.aus (), ist das entfernen nicht verbindlich

Aus irgendeinem Grund jQuery.off('click') scheint nicht zu sein, hier zu arbeiten. Wenn die " ja " - button geklickt wird, in das Modell ein weiteres Modell erscheint. Was mache ich falsch?

code:

$(function(){

  //If there are warnings on the page bind alert
  if ($('.renewal-warning').length > 0){

    (function (){

      $('#signRentalContainer').on('click', '.renewal-warning', function(e){

        var buttonHandle = this;

        //Prevent submission
        e.preventDefault();

        //Show warning model
        $.modal({
          content: $('#renewalWarning').html(),
          title: "Order Renewal Warning",
          buttons: {
            'Yes': function(win) { $(buttonHandle).off('click').click(); },
            'No': function(win) { win.closeModal(); }
          },
          maxWidth: 250,
          closeButton: false
        });
      });
    })();
  }
});
InformationsquelleAutor Steven | 2012-01-15
  1. 10

    Ziemlich sicher, dass Sie gehen zu müssen, um zu liefern, es das gleiche element, sowie die gleiche Auswahl.

    $('#signRentalContainer').off('click', '.renewal-warning');

    In der .on() handler this ist die '.renewal-warning' element, auf das geklickt wurde, nicht die #signRentalContainer element.

    Wenn es mehrere gibt, die diese '.renewal-warning' Elemente, und Sie nur deaktivieren möchten, ein zu einer Zeit, ist der einfachste Weg, um zu ändern, seine Klasse, so dass es nicht mehr passt der Selektor.

    $(this).removeClass('renewal-warning')
       .addClass('renewal-warning-disabled');
    • Warum nicht der Griff funktioniert in diesem Fall, obwohl? Ich dachte, jQuery geändert Anwendungsbereich zum event passen?
    • Oh, das ist, warum Sie tun, die .off()? Ich vermute, dass die Ereignis-bubbling. Statt off() sind, versuchen Sie e.stopPropagation() an den handler.
    • ...oder vielleicht ist es, weil der .click() dass Sie tun, auf das element, das war schon angeklickt. Warum ist das da? Versuchen Sie, es zu entfernen.
    • Ich brauche den link zu Durchlaufen, am Ende aber das ist, warum die zweite .klicken Sie auf() steht. Im Grunde, wenn Benutzer auf den link klickt und klickt " ja " im popup-ich will den browser gesendet werden, wo immer die Verbindung bestimmt war. Ich würde Sie einfach schnappen Sie sich den href aus dem link, es gibt jedoch einen Fall, wo ein zweites Ereignis kann gebunden werden, um das element aus und ich will immer noch ausgelöst werden.
    • Dann statt click() Sie tun sollten window.location.href = this.href.
    • Wenn ich gebunden einen zweiten click-event nach dem binden der "Erneuerung-Warnung" - Ereignis würde das immer noch verarbeitet? Zum Beispiel, wenn ich wollte ein ajax-request, wenn dieser link angeklickt wird, aber nur, wenn der link tatsächlich "ging durch", und ich gebunden sein, dass ajax-Anfrage an den "Klick" auf das element, nachdem Sie die Warnung, würde der ajax-request gemacht werden?
    • Durch "ging durch", meinst du, dass die this.href war erfolgreich verfolgt? Ich nehme an, Sie können in der Lage sein, um Feuer eine Anfrage ab, bevor Sie Folgen Sie den href, aber so bekommst du nie die Antwort. Ich würde auch raten (obwohl ich nicht sicher bin), dass die Anfrage storniert werden, sobald Sie die Seite verlassen. Aber dann, wenn es ein AJAX-request, vielleicht sollten Sie warten, bis die Antwort vor der Weiterleitung zu href?
    • lassen Sie uns weiter, diese Diskussion im chat

    InformationsquelleAutor
  2. 3

    Weil die this beziehen sich auf den Kontext der handle-Funktion, nicht die Funktion selbst.

    Versuchen Sie, es eine benannte Funktion, dann finden Sie es, wenn Sie anrufen off:

    $("body").off("click", '#signRentalContainer', buttonHandle);

    BTW irgendeinem Grund können wir nicht verwenden unbind direkt hier?

    $("#signRentalContainer").unbind("click");

    • Grund für die nicht-Verwendung unbind: Nur versuchen, zu halten mit dem, was das jQuery-team empfiehlt. "Wie von jQuery 1.7, die .on() und .off () - Methoden sind bevorzugt zu befestigen und entfernen von event-Handlern, die auf Elemente." Quelle
    • got it 🙂
    • das ist ein Wort ich will nicht hören auf die Dokumentation. Entweder ist es der Weg, das zu tun oder nicht die Möglichkeit das zu tun.. "bevorzugt" klingt verrückt
    InformationsquelleAutor satoru
Schreibe einen Kommentar