모달 윈도우의 Flexslider가 윈도우 크기가 조정될 때까지 첫 번째 슬라이드를로드하지 않습니다.

Question

모달 윈도우에서 Flexslider를 사용하고 있습니다. 모달 창을 열면 Flexslider가 다음/이전 탐색과 함께 표시되지만 브라우저 창의 크기를 조정할 때까지 첫 번째 슬라이드가로드되지 않은 상태로 표시됩니다.

이 문제는 Firefox 11.0, Chrome 19.0.1084.56 & 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);