jquery - 模态窗口中的 Flexslider 在窗口调整大小之前不加载第一张幻灯片

Question

我在模态窗口中使用 Flexslider。当我打开模态窗口时，Flexslider 会出现以及下一个/上一个导航，但在我重新调整浏览器窗口大小之前不会加载第一张幻灯片，然后它会按原样显示。

这个问题在 Firefox 11.0、Chrome 19.0.1084.56 和 Opera 12.02 中似乎是一致的。

为了说明问题，请单击此处的第一张图片

我读过 jQuery 不能使用隐藏元素，或者这甚至是问题吗？有解决方法吗？

Answer 1

我知道这是一个旧线程，但我找到了解决这个确切问题的方法。我正在使用 Foundation 并使用带有 flexslider 的 Reveal 模式窗口打开一个新页面。

(function($) {
            $(window).ready(function(){
                $('.flexslider').flexslider({
                    animation: "slide",
                    start: function(slider){
                        $('body').removeClass('loading');
                    }
                });
            });
        })(jQuery);