如何关闭 magnificPopup 弹出窗口

Question

我在我的项目中使用 Magnific Popup。我在鼠标悬停时打开弹出窗口并加载 ajax 内容。

代码：

$('.link-popup').mouseover(function(){
    $.magnificPopup.open({
        type: 'ajax',
        removalDelay: 300,
        items: {
            src: 'ajax/popup.html' 
        }
   })
});

我在 popup.html 中有一个关闭链接，并希望在单击该链接时关闭弹出窗口。我怎样才能做到这一点？ 以下是我在 HTML 代码中的关闭链接：

<a href="#" class="link-close">X</a>

Answer 1

尝试将事件附加到文档对象并像这样引用标签类选择器：

$(document).on('click', '.link-close', function(evt){

  $.magnificPopup.close();

});