BxSlider - 错滑块视口，身高在Safari 5

Question

在Safari 5的视区高度是错误的第一次加载：http://www.filmreich.com/

当滑块开始到下一张幻灯片，视口高度是正确的。这是我使用的代码：

slider.reloadSlider({ 
    mode: 'horizontal', 
    speed: 800, 
    pause: 7000, 
    infiniteLoop: false, 
    adaptiveHeight: true, 
    preloadImages: 'visible', 
    nextText: '<i class="fa fa-angle-right"></i>', 
    prevText: '<i class="fa fa-angle-left"></i>', 
    pager: false, 
    controls: false, 
    auto: true, 
    onSliderLoad: function(){ 
     jQuery('.article-controls a').on('click', function(e){ 
     e.preventDefault(); 
     var goTo = jQuery(this).attr('data-slide-index'); 
     slider.goToSlide(goTo); 
     }); 
    } 
}); 

我使用jQuery（window）.load（），以确保滑块完全加载。

Answer 1

我找到了一个解决方案 - 不是最好的方法 - 但这对我有效。我将下面的代码添加到onSlideLoad函数中：

setTimeout(function(){ 
    var sliderHeight = jQuery('.bxslider li:first-child').height() + 'px'; 
    jQuery('.bx-viewport').css('height', sliderHeight); 
}, 300);