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);