Question

我想在动态生成的内容上使用 magnific popup 。我有通过javascript生成的链接，并且想要使用＆＃34; iframe＆＃34;这个链接有一个巨大的弹出窗口。

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

使用经典的静态链接，一切运行良好，但在生成的链接上，它不起作用。是否有一些＆＃34;刷新＆＃34;将生成的链接注册到大范围弹出范围的函数？

我在生成链接后尝试构建新的magnific实例并且它可以工作，但是有一些更清晰的解决方案吗？

感谢您的回复。

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'
});

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

1 个答案: