magnific popup background появляется для полного экрана и закрывается как один щелчок в любом месте

Question

Когда я нажимаю на ссылку, которая активирует всплывающее всплывающее окно, серый фон появляется для полного экрана. однако я пытаюсь понять, достаточно ли фона, чтобы закрыть форму входа (внутри всплывающего окна). Также везде, где я нажимаю внутри формы ajax, он автоматически закрывается. Вам нужны помощь пожалуйста ...

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

JQuery Ajax скрипт

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

и result.php выглядит следующим образом:

<div class="login_body"> 
    <form id='login' name="login" method="post" action="login_process.php" accept-charset='UTF-8'> 

    <input type='hidden' name='submitted' id='submitted' value='1'/> 

    <div class="field_container">Email:</label> 
    <input type='text' name='cust_email' id='email' maxlength="100" style="width: 250px; height: 30px"; /></div> 

    <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' /> 



    </div> 
    </form> 
    </div> 

Answer 1

Вы должны добавить closeOnContentClick: false в код, как это:

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

Проверьте документацию на наличие дополнительных опций: http://dimsemenov.com/plugins/magnific-popup/documentation.html