如何关闭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();

});