jquery - 为什么点击内容后放大的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

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

根据文档:

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

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

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

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