Question

我在投资组合网站上使用Flexslider，其中包含多个具有短slideshowSpeed值（650ms）的滑块。每个幻灯片都在悬停时播放/暂停。我发现IE8中第一张幻灯片在页面加载时转换为第二张幻灯片，但如果我将此值增加到1100ms，则第一张幻灯片会正常加载。

是否可以为IE8定义不同的slideshowSpeed？或者还有另一种方法来阻止IE8问题吗？

$('.flexslider').flexslider({
  controlNav: false,
  directionNav: false,
  slideshowSpeed: 1100, // 650ms causes IE8 to skip to 2nd slide on page load
  animationSpeed: 0,
  mousewheel: false,
  start: function(slider){
    slider.pause();
  }
});

$('.flexslider').each(function(){
  $(this).hoverIntent(
    function(){
        $(this).flexslider('play');
    },
    function(){
        $(this).flexslider('pause');
    }
  );
});

Answer 1

我设法通过使用jQuery的$.support方法来有条件地为IE8定义更慢的速度来解决这个问题。

var speed = 650; // faster speed for good browsers

if (!$.support.leadingWhitespace) {
  // slower speed for IE8, otherwise it skips 1st slide on page load
  speed = 1150; 
}

$(thumbs).flexslider({
  slideshowSpeed: speed,
  // all other options as per code in question above
});

Flexslider IE8 - 短幻灯片速度值和多个滑块的问题

1 个答案: