CODEWITHSUNDEEP
javascripthtmlmagnific-popup
Ian
Ian

Reputation: 865

Link inside Magnific Popup modal not working

I have a very simple magnific popup modal, which has a link inside it. When the link is clicked though, the URL isn't loaded and the only way to continue is to close the modal. Here's my code to initiate the popup:

jQuery(document).ready(function( $ ) {
    $('.popup-content').magnificPopup({
            type: 'inline',
            fixedContentPos: true,
            fixedBgPos: true,
            overflowY: 'scroll',
            closeBtnInside: true,
            preloader: false,
            callbacks: {
                beforeOpen: function() {
                this.st.mainClass = this.st.el.attr('data-effect');
                }
            },
            midClick: true,
            removalDelay: 300
        });

});

And my HTML:

<a class="popup-content" href="#modal" data-effect="my-mfp-slide-bottom">Open popup link</a>

<div id="modal" class="zoom-anim-dialog mfp-hide">
<a href="http://example.com">This link does not work</a>
</div>

Upvotes: 0

Views: 1130

Answers (1)

Santosh
Santosh

Reputation: 2333

Add onclick='window.open("https://example.com");' to your anchor tag.So now your link will look like <a href="http://example.com" onclick='window.open("https://example.com");'>This link does not work</a>

Upvotes: 1

Related Questions