why magnific popup ajax box closes if clicked on content

Question

Please Please Please help me.. I have been trying to get the magnific popup ajax box to show login form. It seems that form appears but as soon as I click anywhere in form or ajax body, it disappears. below is the code ``` $(document).ready(function() { $('.ajax-popup-link').magnificPopup({ type: 'ajax', alignTop: false, closeOnContentClick: false, overflowY: 'scroll' }); });
``` Below is the php that I look to load in ajax box. This is not the complete one ``` Email:

Password:

```

Accepted Answer

This is the old thread but for all the future readers: to fix this, there has to be only one root element in the html that comes out from the ajax call: As per documentation: http://dimsemenov.com/plugins/magnific-popup/documentation.html#ajax_type So in your ajax call you should return something like this: ```

...your html content

``` and your popup will no longer close itself on content click.

why magnific popup ajax box closes if clicked on content

Solution

Problem