jquery - 如果单击内容，为什么会关闭 magnific popup ajax 框

Question

请请请帮助我.. 我一直在尝试让宏伟的弹出 ajax 框显示登录表单。似乎该表单出现了，但只要我单击表单或 ajax 正文中的任何位置，它就会消失。下面是代码

 $(document).ready(function() {
 $('.ajax-popup-link').magnificPopup({
 type: 'ajax',
 alignTop: false,
 closeOnContentClick: false,
 overflowY: 'scroll'
 });
 });

<a class=".ajax-popup-link" href="result.php">try me</a><br>

下面是我希望在 ajax 框中加载的 php。这不是完整的

 Email:<div class="field_container">Password:</label>
    <input type='password' name='cust_password' id='password'  maxlength="12" style="width: 250px; height: 30px"; /></div>

   <input type='submit' name='Submit' value='Login' />

Answer 1

这是旧线程，但适用于所有未来的读者：要解决此问题，html 中必须只有一个来自 ajax 调用的根元素：

根据文档：

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

因此，在您的 ajax 调用中，您应该返回如下内容：

<div>    
    ...your html content 
</div>

并且您的弹出窗口将不再在内容点击时自行关闭。

Answer 2

我有同样的问题，通过使用解决它：

modal:true,

代替：

closeOnContentClick: false,

Answer 3

我解决了在 result.php 中删除 HTML 和 BODY 标记的问题。