perché la casella di ajax popup a schermo gigante si chiude se si fa clic sul contenuto

Question

Please Please Please help me .. Ho cercato di ottenere la casella ajax di un popup magnifico per mostrare il modulo di login. Sembra che la forma appaia ma non appena clicco in qualsiasi punto della forma o del corpo dell'ajax, scompare. Di seguito è il codice

$(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> 

Di seguito è riportato il php che cerco di caricare in ajax box. Questa non è la completa di un

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

Ho avuto lo stesso problema, risolto utilizzando:

modal:true, 

invece di:

closeOnContentClick: false, 

Answer 2

ho risolto il problema rimuovendo HTML e tag body in result.php.

Answer 3

Questo è il vecchio thread, ma per tutti i futuri lettori: per risolvere questo problema, ci deve essere un solo elemento radice nel codice HTML che viene fuori dalla chiamata AJAX:

Come da documentazione:

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

Quindi nel tuo Ajax chiamata si dovrebbe restituire qualcosa del genere:

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

e il vostro popup non si chiude più il suo folletto sul contenuto clicca.