, почему magnific popup ajax box закрывается, если щелкнуть по контенту

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> 

Ниже приведен php, который я ищу для загрузки в коробке ajax. Это не полный один

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

У меня была такая же проблема, решить ее с помощью:

modal:true, 

вместо:

closeOnContentClick: false, 

Answer 2

Я решил проблему удаления HTML и BODY теги в result.php.

Answer 3

Это старая нить, но и для всех будущих читателей: чтобы исправить это, должно быть только один корневой элемент в HTML, который выходит из Аякса вызова:

Согласно документации:

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

Так что в вашем AJAX позвонить, вы должны вернуть что-то вроде этого:

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

и больше не будет всплывающих близко его эльф по клику.