0

当我点击打开 megnefic 弹出窗口时，我有小图像类。在我的巨大弹出窗口中，当我点击按钮时，有点击图像的大图像和一个带有其他表单打开器类的按钮，当我点击表单元素时，带有表单的 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/

4

2 回答 2

1

尽管我无法按照您的要求在同一窗口中同时打开两个弹出窗口。

但如果你需要这样：从一个点击后打开第二个。

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

I have added different instance of megnific for both divs.

它适用于弹出窗口、内容和表单。

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

请查看一次并发表评论。

问候

于 2013-10-24T10:29:26.600 回答
1

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

jsFiddle demo

于 2013-10-24T11:37:17.430 回答