Почему окно magnific popup ajax закрывается, если нажать на содержимое

Пожалуйста, пожалуйста, помогите мне.. Я пытался получить всплывающее окно 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' />

Ответ 1

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

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

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

Итак, в своем аякс-вызове вы должны вернуть что-то вроде этого:

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

и ваше всплывающее окно больше не будет закрываться при нажатии на содержимое.

Ответ 2

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

modal:true,

вместо:

closeOnContentClick: false,

Ответ 3

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