popup - Magnific Popup - 弹出窗口在点击时消失

Question

我最近刚刚实现了“Magnific Popup”并且弹出窗口很好，但是当我单击一个输入框时，整个弹出窗口消失回到父页面。在插件网站上显示的示例中，整个对话框都是可单击的，直到您在该框外单击。

我希望它只是我错过的一些非常简单的东西，但它仍然在我脑海中浮现。

我真的很感激我能得到的任何帮助!

谢谢 :)

Answer 1

如果您使用“ajax”内容类型，则需要确保只有一个根节点。

http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type

例如，这是 ajax 文件的正确内容:

<div>
    html content
    <script src="something.js"></script>
</div>

不正确:

<script src="something.js"></script>
<div>
    html content
</div>

不正确:

<div>
    html content
</div>
<div>Another content</div>

还要确保 closeOnContentClick设置为 false http://dimsemenov.com/plugins/magnific-popup/documentation.html#closeoncontentclick

如果由于某种原因，您无法更改 ajax 文件的内容，您可以在 parseAjax 回调中解析内容，如 here 所述。 (所以 mfpResponse.data 只包含一个根节点)。