otwórz popup inline, gdy strona jest ładowana z pagemagnific-popup - javascript, jquery, popup, magnific-popup

próbowałem Magnific Popup dla otwartego prostego wyskakującego okna, gdy strona jest gotowa, ale nie działa (ale jeśli wygeneruję link i kliknę to działa!). Czy ktoś może mi pomóc?

to jest kod (biblioteka i jquery są dołączone):

  // class of popup
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width:auto;
max-width: 550px;
margin: 0px auto;
}

// INLINE POPUP
<div id="test-popup" class="white-popup mfp-hide">HELLO!</div

// if click it the popup work
<a href="#test-popup" class="open-popup-link">Show inline popup</a>

// this it should open the popup when the page is loaded
<script>
$(document).ready(function() {
$(".open-popup-link").magnificPopup({type:"inline", midClick: true });
});
</script>

Odpowiedzi:

Jesteś prawie na miejscu, z kodem powyżej, z powodzeniem zainicjowany element, teraz będziesz chciał spojrzeć na Magnific Popup Public Methods, konkretnie .open.

Dodaj to na końcu skryptu initilization: .magnificPopup("open");

Wszyscy razem:

<script>
$(document).ready(function() {
$(".open-popup-link").magnificPopup({type:"inline", midClick: true });
}).magnificPopup("open");
</script>

To powinno zrobić to za Ciebie! :)