如果单击内容，为什么magnific popup ajax box关闭

Question

请请帮助我..我一直在努力获得巨大的popup 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标签的问题。