Magnific-Popup Schließen Callback führt nicht

Question

Für jede <a>, die mfp-ajax Klasse wird als Pop-up-Box ausgeführt werden, und diese Pop-up-Box verwenden das Plugin in Magnific-Popup.

HTML:

<a href="/target" class="mfp-ajax multiselect-modal">View List</a> 

Javascript:

magnificSetting: { 
    type: 'ajax', 
    mainClass: 'mfp-fade', 
     ajax: { 
      settings: { 
       cache: false 
     } 
    } 
}, 
modals: function() { 
    var self = this; 

    $('a.mfp-ajax').each(function() { 
     var $this = $(this); 
     $this.magnificPopup(self.settings.magnificSetting); 
    }); 
} 

Die Codes funktionieren gut, aber <a> manchmal wird dynamisch in dem DOM erzeugt und ich habe ein separates Skript für Magnific erstellen -Popup Rückrufe. Also, was ich tat, die ich gefolgt, was in der Dokumentation finden Sie in den folgenden Codes:

$(document).on('mfpClose', '.multiselect-modal', function() { 
    console.log('test'); 
}); 

ich diesen Code versucht, aber diese nicht ausgeführt bekommt, wie befestige ich das in einem Element, das dynamisch erzeugt wird, in das DOM und wenn das Pop-up öffnet und der Benutzer es schließt, wird es zu dem obigen Code gehen. Fehle ich hier etwas?

Answer 1

Leider Magnific Popup intern verwendet triggerHandler() anstelle von Trigger() benutzerdefinierte Ereignisse zu implementieren, so gibt es kein Ereignis für das Dokument zu „hören“, so kann dies nie

$(document).on('mfpClose', '.multiselect-modal', function() { 
console.log('test'); 
}); 

mit den aktuellen Versionen arbeiten Es gibt einen Fix, aber das erfordert, dass Sie globale Ereignisse erstellen, die eine schlechte Praxis ist, so rate ich Ihnen, Callbacks zu verwenden, die in Ihrem Fall so ähnlich geht.