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

Question

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

slideshowSpeed是否可以为 IE8定义不同的？还是有其他方法可以防止 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

$.support我设法通过使用 jQuery 的方法来有条件地为 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
});