Jquery Flexslider转盘/Fancybox图像消失

我有一个flexslider旋转木马设置，每个图像周围都有一个链接，可以在fancybox中启动，代码如下：

<div class="flexslider">
   <ul class="slides">
      <?php foreach( $images as $image ): ?>
         <li>
            <a class="fancybox" href="<?php echo $image['sizes']['large']; ?>" rel="gallery">
               <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" />
            </a>
         </li>
      <?php endforeach; ?>
   </ul>
</div>

<script type="text/javascript">
   $(window).load(function() {
      $('.flexslider').flexslider({
         animation: "slide",
         animationLoop: true,
         itemWidth: 135,
         itemMargin: 0,
         minItems: 5,
         maxItems: 5,
         directionNav: true,
         controlNav: false,
         slideshow: false
      });
   });
   $("a.fancybox").fancybox({
      helpers : {
         overlay : {
            locked : false
         }
      }
   });
</script>

$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider({
动画：“幻灯片”，
animationLoop:true，
项目宽度：135，
项目边际：0，
最小项：5，
最大项目：5，
方向导航：对，
控制导航：错误，
幻灯片放映：错误
});
});
$（“a.fancybox”）。fancybox({
助手：{
覆盖：{
锁定：错误
}
}
});

---

lightbox加载正确，转盘功能正常，但在Firefox中关闭lightbox时，所有列表项（或图像）都会隐藏，直到再次单击。据我所知，它在Chrome中运行良好。有什么想法吗？

通过添加以下内容修复：

.flexslider .slides li {
    backface-visibility:hidden;
}

---

通过添加以下内容进行修复：

.flexslider .slides li {
    backface-visibility:hidden;
}

---

为什么不尝试在

$（window.load（）

或

$（document.ready（）

？@JFK感谢您的回复，但遗憾的是，这没有起作用。可能值得一提的是，如果我在firebug中移动旋转木马或进行任何css调整，所有图像都会重新出现。那么您必须有一些影响fancybox的其他设置，而这些设置在上面的代码中没有被引用。类似的情况在过去已经解决了（），所以我不认为存在冲突，而是一个局部问题。您可以与问题共享一个链接或JSFIDLE吗？为什么不尝试在

$（窗口）中包装这两个初始化。load（）

或

$（文档）。ready（）

？@JFK感谢您的回复，但遗憾的是，这没有起作用。可能值得一提的是，如果我在firebug中移动旋转木马或进行任何css调整，所有图像都会重新出现。那么您必须有一些影响fancybox的其他设置，而这些设置在上面的代码中没有被引用。类似的情况在过去已经解决了（），所以我不认为存在冲突，而是一个局部问题。您可以与问题共享链接或JSFIDLE吗？