великолепный всплывающий фон появляется на весь экран и закрывается по щелчку в любом месте

когда я нажимаю на ссылку, которая активирует великолепный всплывающий вызов ajax, серый фон появляется на весь экран. однако я пытаюсь увидеть, достаточно ли фона, чтобы покрыть форму входа (внутри всплывающего окна). Также везде, где я нажимаю внутри формы 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>

jquery magnific-popup
person user2671781    schedule 13.08.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны добавить closeOnContentClick: false в свой код, например:

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

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

person edmundo    schedule 27.03.2014