JS生成链接上的大量弹出窗口

Question

我想在动态生成的内容上使用大量弹出窗口.我有通过javascript生成的链接,并希望使用此链接使用"iframe"magnific弹出窗口.

HTML:

<div id="content">
  <a href="https://www.google.com/" class="mp">link</a>
</div>

JS:

$(function(){
    $('.mp').magnificPopup({
          type: 'iframe',
          closeOnContentClick: false,
          closeBtnInside: true,
          removalDelay: 300,
          mainClass: 'mfp-with-zoom mfp-img-mobile my-mfp-slide-bottom'
    });

    var a = $("a").clone();
    a.text('generated');
    a.appendTo('#content');

});

实例:jsfiddle

使用经典的静态链接,一切都很好,但在生成的链接上它不起作用.是否有一些"刷新"功能,它会将生成的链接注册到大范围的弹出范围？

我试图在生成链接后构建新的大型实例并且它可以工作,但是有一些更清洁的解决方案吗？

谢谢你的回复.

Answer 1

感谢@MVCDS我想出来了,这是你的选择.

$('body').magnificPopup({
      delegate: 'a.mp',
      type: 'iframe',
      closeOnContentClick: false,
      closeBtnInside: true,
      removalDelay: 300,
      mainClass: 'mfp-with-zoom mfp-img-mobile my-mfp-slide-bottom'
});