So schließen Sie das Magnific-Popup per JQuery

Lesezeit: 2 Minuten

Sanjay

Ich verwende Magnific Popup in meinem Projekt. Um dieses Popup per Jquery zu schließen, verwende ich $(‘.mfp-close’).click(); und es funktioniert, aber ich muss auf andere Weise schließen. Bitte helfen Sie mir, wenn es anders geht. Vielen Dank im Voraus

Bitte teilen Sie einen Teil Ihres Codes mit

– Grevling

4. Juni 2013 um 7:56

Benutz einfach $.magnificPopup.close()

Versuche dies:

var magnificPopup = $.magnificPopup.instance; 
// save instance in magnificPopup variable
magnificPopup.close(); 
// Close popup that is currently opened

Wie machst du das ? Ich erhalte bei var maginificPopup einfach null

– Alt

31. Okt. 2013 um 14:48
zeig mir eine jsfiddle mit deinem Problem. Normalerweise sollte dies jedes Mal funktionieren.

– Bobby5193

1. November 2013 um 14:53
Gibt es tatsächlich eine Notwendigkeit, die Instanz zu deklarieren? Denn in einer anderen Antwort von Benutzer Kote wird diese Zeile nicht benötigt.

– Francisco Corrales Morales

4. März 2015 um 15:01
Es ist nicht obligatorisch, aber ich mache das normalerweise, wenn ich mehr als eine Sache mit dem aktuellen Popup machen muss. Es kommt also darauf an, was Sie tun möchten

– Bobby5193

6. März 2015 um 10:20 Uhr

Schauen Sie hier vorbei http://dimsemenov.com/plugins/magnific-popup/documentation.html#api

Dies sind einige Möglichkeiten, wie Sie dieses Popup schließen können:

var magnificPopup = $.magnificPopup.instance; // save instance in magnificPopup variable
magnificPopup.close(); // Close popup that is currently opened

oder

$.magnificPopup.close();

oder

$('your-selector').magnificPopup('close');

Bei mir funktionierte nur der Dritte effizient.

Technik Nr. 3 war die einzige, mit der ich richtig arbeiten konnte, um ein bestimmtes Popup und nicht alle anzusprechen. Danke, Lem!

– Eric L.

6. Juni 2017 um 23:12 Uhr

Das Einzige, was bei mir funktioniert, ist:

$jQ('#close_popup').on('click',function(){                                                      
    $jQ.magnificPopup.proto.close.call(this);
});

Wenn Sie die geöffnet haben pop up dann wird ein zurückgegeben magnific objectDas nutzen object du kannst call close method.

Versuchen Sie es so:

var mgObj=$('your-selecter').magnificPopup({
   // you options
});

// code to close pop up on clicking a button
$(document).on('click','button',function(){
    if(mgObj)
    {
        mgObj.close();
    }
});

Hallo Rohan, Danke für deine Antwort. Wenn ich es verwende, löst es aus: mgObj.close() ist keine Funktion. Können Sie mir eine Lösung anbieten?

– Sanjay

4. Juni 2013 um 8:42

Maximuse

magnificPopup Iframe:

window.parent.$.magnificPopup.close();

Hallo Rohan, Danke für deine Antwort. Wenn ich es verwende, löst es aus: mgObj.close() ist keine Funktion. Können Sie mir eine Lösung anbieten?

– Sanjay

4. Juni 2013 um 8:42

NJENGAH

Nur so konnte ich das Popup schließen:

$('body').on( 'click', '#some-div', function( e ) {
            e.preventDefault();

                $.magnificPopup.close();

    });

14513700cookie-checkSo schließen Sie das Magnific-Popup per JQuery

#Javascript #jquery