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

magnific popup on JS generated link

本文关键字：窗口 放大 链接 JS      更新时间：2023-09-26

我想在动态生成的内容上使用放大弹出。我有一个通过javascript生成的链接，并希望使用"iframe"放大弹出与这个链接。

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

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

我试图在生成链接后构建新的amplific实例，它确实有效，但有更干净的解决方案吗？

感谢您的回复。

多亏了@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'
});
相关文章：