javascript - 表单元素在放大弹出窗口中不起作用

标签 javascript jquery html magnific-popup

当我点击它时，我有小图像类，megnefic 弹出窗口打开。在我巨大的弹出窗口中，当我单击按钮时，有一个单击图像的大图像和一个带有 other-form-opener 类的按钮 other-form-div 带有表单的类在这部分中出现了我的自定义弹出窗口，当我单击表单元素时，它们默认情况下不工作。

 <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-index 问题。所以请帮助我谢谢。

这是我在 jsfiddle 中的演示:http://jsfiddle.net/QHh7W/

最佳答案

请使用放大弹出窗口回调，并在打开时将自定义 html 移至放大弹出窗口内，并在关闭时将其移至正文内。您可以查看下面的工作演示。

<强> jsFiddle demo

关于javascript - 表单元素在放大弹出窗口中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19559884/