放大的弹出窗口 - 点击后弹出窗口消失

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

我希望这只是我错过的一些非常简单的事情，但它仍然在我的脑海里。

我真的很感谢我能得到的任何帮助！

谢谢 ：）

如果您使用“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仅包含一个根节点）。