jQuery Magnific Popup和.on

Question

我目前使用MagnificPopup进行“编辑”表单。这种形式所做的是允许用户编辑一行。用户完成编辑后，会用更新的内容替换该行。

在更新的内容中，有一个“编辑”按钮，它将再次显示编辑表单。

我遇到的问题是编辑项目后，当点击同一项目上的编辑按钮时，由于“编辑”链接现在是动态内容，它不会打开表单。

这里是我指的是代码，这将打开弹出：

$('.simple-ajax-popup').magnificPopup({ 
    type: 'ajax' 
}); 

有没有办法来取代这种使用.on，使其正常工作？沿着这些路线的东西：

$(document).on('magnificPopup', '.simple-ajax-popup', function (e) { 
    type: 'ajax' 
}); 

我似乎无法弄清楚如何在这里使用它。

我可以在文档中找到最接近的是该位的代码，这是一个小我不清楚：

$('.image-link').on('mfpOpen', function(e /*, params */) { 
    console.log('Popup opened', $.magnificPopup.instance); 
}); 

Answer 1

想通了！

$(document).on('click', '.simple-ajax-popup', function (e) { 

    e.preventDefault(); 

    $.magnificPopup.open({ 
     items: { 
      src: $(this).attr('href') 
     }, 
     type: 'ajax' 
    }); 

});