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

Question

我在模态窗口中使用Flexslider。当我打开模态窗口时，Flexslider和下一个/上一个导航一样出现，但是在我重新调整浏览器窗口大小之前，第一张幻灯片没有加载，然后显示应该是。

此问题在Firefox 11.0，Chrome 19.0.1084.56＆amp; Opera 12.02。

要说明此问题，请点击第一张图片here

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

Answer 1

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

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