Magnific Popup - 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回调解析内容,如描述在这里(因此mfpResponse.data只包含一个根节点).