элемент формы не работает в megnific popup

Question

У меня есть класс с маленьким изображением, когда я нажимаю на него всплывающее окно megnefic. в моем всплывающем всплывающем окне есть большое изображение щелкнутого изображения и одна кнопка с классом other-form-opener, когда я нажимаю кнопку other-form-div class с формой, появляется мое пользовательское всплывающее окно в этой части, когда я нажимаю элемент формы, который они Не работает по умолчанию.

<div class="megnific_opener"><img class="small-image" ></div> 


<div class="megnific_popup_div"> 
    <img class="big-image"> 
    <a href="javascript:;" class="other-form-opener">more-info</a> 
</div> 

<div class="other-form-div"> 
    <form> 
     <input type="text"> 
     <input type="text"> 
     <input type="text"> 
    </form> 
</div> 

Я получаю структуру моего html, и я уже сказал, что нет проблемы с z-индексом. , пожалуйста, помогите мне спасибо.

вот мой демо в jsfiddle: http://jsfiddle.net/QHh7W/

Answer 1

Пожалуйста, используйте Magnific всплывающие обратные вызовы и переместить пользовательскую HTML внутри Magnific всплывающих окон при открытии и переместить его внутри тела, когда закрыто. Вы можете проверить ниже рабочую демонстрацию.

jsFiddle demo

Answer 2

Хотя я не могу получить эту работу в соответствии с вашими, что открывает обе всплывающие окна друг над другом в одном окне.

, но в случае, если вам это необходимо: откройте второй после щелчка от одного.

http://jsfiddle.net/yDvvQ/5/

I have added different instance of megnific for both divs. 

Он работает как всплывающие окна, содержание и форма обоих.

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

Пожалуйста, просмотрите один раз и сделайте комментарий.

С уважением