Wie man die CSS-Eigenschaft in Magnific Popup ändert - Jquery, CSS, Jquery-Plugins, Popup, Magnific-Popup

Ich benutze das Magnific Popup Plugin. Mein Code lautet wie folgt -

        $(".event").magnificPopup({

items: {

src: ".hidden-div",
type: "inline"
},
closeBtnInside: true
});

Die Sache ist der ".hidden-div" -Abschnitt, den ich versuche, ein Popup anzuzeigen. Die CSS-Anzeigeeigenschaft ist auf none festgelegt, da sie nur durch das Popup auf der Seite sichtbar sein soll.

Gibt es eine Möglichkeit, die Anzeigeeigenschaft so einzustellen, dass "block" angezeigt wird, wenn das obige Skript ausgeführt wird, und es wieder auf "none" gesetzt wird, wenn das Popup geschlossen wird?

Antworten:

Nur zu Ihrer Information, sollten Sie hinzufügen mfp-hide CSS-Klasse zum Element, das ausgeblendet werden soll. Magnific Popup schaltet es beim Öffnen / Schließen automatisch um. http://dimsemenov.com/plugins/magnific-popup/documentation.html#inline_type

So funktioniert es jetzt. Grundsätzlich habe ich auf die API verwiesen Hier

$(".event").magnificPopup({

callbacks: {
open: function(){

$(".hidden-div").css("display", "block");
},
close: function(){

$(".hidden-div").css("display", "none");
}
},

items: {

src: ".hidden-div",
type: "inline"
},
closeBtnInside: true
});

Ich hoffe es hilft auch anderen! Etwas abseits, wirklich wie das Plugin!