Question

当我点击它的megnefic弹出窗口时，我有小图像类。在我的megnific弹出窗口中有一个点击图像的大图像和一个按钮与其他形式开启类当我点击按钮其他形式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/

Answer 1

虽然我不能按照你的说法在同一个窗口中打开两个弹出窗口。

但是如果您需要这样的话：点击一个后打开第二个。

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

I have added different instance of megnific for both divs.

它同时适用于弹出窗口，内容和表单。

您可以稍后修改它以添加更多弹出窗口或从第二个返回到第一个。

请查看一次并发表评论。

此致

Answer 2

请使用Magnific弹出回调并在打开时将自定义html移动到Magnific弹出窗口中，并在关闭时将其移动到体内。您可以查看以下工作演示。

<强> jsFiddle demo

表单元素不能在大胆的弹出窗口中工作

2 个答案: