javascript - 单击链接时关闭 Magnific Popup Iframe

Question

所以现在我有一个打开表单的 Magnific Popup iframe(使用 Machforms)。

<div align="center">
  <a class="popup-link" href="...machform/view.php?id=3717">
     <img src="images/image.png">
  </a>
</div>

提交表单后，它会重定向到另一个 iframe 弹出窗口，并有一个在新标签页中打开的 pdf 下载链接。

Thank you. Your submission has been successful! <br/>
<a href=".../downloads/TEST%20DOWNLOAD%20PAGE.pdf" target="_blank">Download file here.
</a>

点击后，这个“在此处下载文件”。链接，我希望它自动关闭弹出窗口。

我该怎么做呢？我已经尝试过 closeOnContentClick 并覆盖关闭，但我似乎无法让它为该特定链接工作。

提前致谢!

Answer 1

您手动调用 $.magnificPopup.close()，但由于它在 iframe 中，您需要从父窗口调用它。

这是我在我的一个旧项目上所做的

$('#yourlinkID').click(function(e) {
   e.preventDefault();
   if (window.parent == window.top) {
      window.parent.$.magnificPopup.close();
   }
});