BxSlider

Question

在 Safari 5 中，Viewport-Height 在第一次加载时是错误的：http://www.filmreich.com/

当滑块开始移动到下一张幻灯片时，viewport-height 是正确的。这是我使用的代码：

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

BxSlider - Safari 5 中错误的 Slider-Viewport-Height

BxSlider - wrong Slider-Viewport-Height in Safari 5

safari