Binden Sie eine jquery-Funktion an das Event fancybox .close()

Lesezeit: 2 Minuten

Ich möchte eine einfache jQuery-Funktion basierend auf einem Fancybox-Schließen auslösen. Es ist die einzige Fancybox auf der Seite

$.fn.fancybox.close = function() {
    $('#sub_cont').hide(250, function() {
    $('#IDsearchform input').val('');
    });
 });

obiges funktioniert natürlich nicht

  • Wie wäre es, wenn Sie die Fancybox mit der Option onClosed initialisieren?

    – Matt

    22. April 2011 um 1:53 Uhr

Benutzer-Avatar
Chandu

*Aktualisieren: *
Bitte notieren Sie sich die Antwort von @mathoiland: „Es sieht so aus, als hätte Fancybox 2 den onClosed-Rückruf abgelehnt. Er verwendet jetzt afterClose.“ wenn Sie FancyBox 2.x verwenden

Übergeben Sie die Option onClosed an die Funktion fancybox.

dh:

$("<YOUR-SELECTOR>").fancybox({
  onClosed: function() {
    $('#sub_cont').hide(250, function() {
    $('#IDsearchform input').val('');
    });
  })
});

  • danke, es funktioniert gut für mich 🙂 aber Sie müssen einfache Anführungszeichen wie dieses ‘onClosed’ hinzufügen

    – Peeyush

    2. August 2011 um 5:01 Uhr


  • onClosed abgeschrieben bitte verwenden afterClose

    – Ajmal Salim

    4. Juni 2013 um 18:00 Uhr

  • @Ajmal War es Ihnen wichtig, den Beitrag zu lesen, in dem ich erwähnte, dass die von mir vorgeschlagene Lösung (die zum Zeitpunkt meiner Beantwortung der Frage gültig war) jetzt veraltet ist und die Antwort von Matthoiland überprüft? Ich bin mir nicht sicher, warum Sie immer noch dachten, dass die Antwort abgelehnt werden sollte … nicht, dass es mich interessiert …

    – Chandu

    5. Juni 2013 um 3:49 Uhr

Nur eine Notiz. Es sieht so aus, als hätte Fancybox 2 den onClosed-Callback abgewertet. Es verwendet jetzt afterClose.

Siehe die neue Dokumentation unter ‘Callbacks’. http://fancyapps.com/fancybox/

In der neuesten Version von Fancybox müssen Sie möglicherweise ‘afterClose’ anstelle von ‘onClosed’ verwenden

Also dieser Code..

$("<YOUR-SELECTOR>").fancybox({
  onClosed: function() {
    $('#sub_cont').hide(250, function() {
    $('#IDsearchform input').val('');
    });
  })
});

soll werden …

$("<YOUR-SELECTOR>").fancybox({
  afterClose: function() {
    $('#sub_cont').hide(250, function() {
    $('#IDsearchform input').val('');
    });
  })
});

$("#myfancybox").fancybox({
    'onClosed'  : function() {
             $('#sub_cont').hide(250, function() {
                $('#IDsearchform input').val('');
             });
    }
});

1179920cookie-checkBinden Sie eine jquery-Funktion an das Event fancybox .close()

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy