플렉스 슬라이드 2.1 인라인 스타일 문제

Question

내 슬라이드를 표시 할 때 flexslider2를 사용하고 있습니다.

하지만 문제는, 그 첫 번째 페이지로드에서 내 리튬 요소의 너비가 잘못 계산됩니다.

파이어 버그를 열고 인라인 스타일을 클릭하면 너비가 변경되고 모든 것이 올바르게 표시됩니다. 또한 브라우저 크기를 조정할 때 모든 것이 정확합니다.

왜이 문제가 있습니까? 내가 flexslider 코드로 볼 때

, 나는이를 찾을 수 :

크기 조정에, 그것은 단지 사용하기 때문에 .... 괜찮아 computedW해야

slider.computedW = slider.itemW - slider.boxPadding; 

:

if (vars.smoothHeight) methods.smoothHeight(); 
     slider.newSlides.width(slider.computedW); 
     slider.setProps(slider.computedW, "setTotal"); 

것은 도와주세요 나를!!!

Answer 1

컨테이너 안에 flexslider가 있습니까? 그렇다면 flexslider를 설정하여 페이지가로드 될 때 특정 높이로 자동 조절할 수 있습니다.

$(document).ready(function(){ 
    var containerheight = $(".flexcontainer");  
    var borderWidth = $('.flexslider').css('height', containerheight.outerWidth()); 
    }); 

또한 컨테이너의 높이가 flexslider보다 약간 작은 경우 아래에서 사용할 수 있습니다. ("5"는 높이를 변경하려는 픽셀 수를 나타냄)

$(document).ready(function(){ 
    var containerheight = $(".flexcontainer"); 
    containerheight = containerheight -5; 
    var borderWidth = $('.flexslider').css('height', containerheight.outerWidth()); 
    });