Question

我有一个非常简单的大胆弹出模式，里面有一个链接。单击链接时，不会加载URL，唯一的方法是关闭模式。这是我启动弹出窗口的代码：

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
        });

});

我的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>

Answer 1

添加onclick='window.open("https://example.com");' 你的锚标签。现在你的链接看起来像 <a href="http://example.com" onclick='window.open("https://example.com");'>This link does not work</a>

Magnific Popup模式中的链接不起作用

1 个答案: