使用jQuery Isotope时显示模态定位错误

时间:2012-04-20 11:13:09

标签: jquery modal-dialog jquery-isotope zurb-foundation

我在几个项目中都有这个问题,两次都使用jQuery Isotope和Zurb Foundation,特别是用于显示模态的Reveal插件。

http://www.budeblog.com

在模式中启动的视频似乎具有不正确的z-index,并且以某种方式相对于其父容器定位,而不是呈现在全屏覆盖的中心,这将是预期的行为。此外,仍然会在叠加层顶部显示一些后续项目。覆盖层正常工作,直到引入Isotope。

我添加了'animationEngine:jQuery'以确保不使用CSS转换。

此时难以接受。欢迎任何想法,谢谢。

1 个答案:

答案 0 :(得分:0)

从来没有让Reveal.js工作,但似乎使用Fancybox作为叠加层与http://isotope.metafizzy.co/docs/filtering.html底部的推荐CSS结合似乎工作正常。

此外,Fancybox会在叠加层关闭时自动停止视频(我需要通过WordPress输出Vimeo嵌入),Reveal需要一个额外的功能,因此在两个方面都是更好的解决方案。