Flexslider в модальном окне не загружает первый слайд до изменения размера окна

Я использую Flexslider в модальном окне. Когда я открываю модальное окно, появляется Flexslider, а также следующая / предыдущая навигация, но первый слайд не загружается до тех пор, пока я не изменю размер окна браузера, а затем он отображается так, как должен.

Эта проблема кажется постоянной в Firefox 11.0, Chrome 19.0.1084.56 и Opera 12.02.

Чтобы проиллюстрировать проблему, щелкните первое изображение здесь

Я читал, что jQuery не может работать со скрытыми элементами, или это вообще проблема? Есть ли обходной путь?


jquery modal-dialog flexslider
person user1759483    schedule 19.10.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я знаю, что это старый поток, но я нашел решение именно этой проблемы. Я использую Foundation и открываю новую страницу с модальным окном Reveal с гибким слайдером в нем.

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