Question

使用带有缓动选项的jQuery BxSlider 4.1.2打破IE9中的滑块并降低：

SCRIPT438：Object不支持属性或方法'ease-in-out'

以下是我使用的设置：

jQuery('#cja_slider .bxslider').bxSlider({
      pager: false,
      speed: 1000,
      easing: 'ease-in-out',
      adaptiveHeight: true,
      auto: (jQuery('.bxslider li').size() > 1)
});

我正在使用jQuery 1.10.4所以我不能再使用浏览器检测来禁用IE9上的缓动。该问题有解决方法吗？

这是一个重现问题的小提琴： http://jsfiddle.net/vard/Luhx78x0/

Answer 1

您希望默认使用css3过渡，因为它们是硬件加速且更平滑。我使用Modernizr进行特征检测，并根据是否支持css3动画设置缓动函数。您也可以使用缓动库来获得更好的适应性，但我想如果您仍在使用IE9，那么您并不关心网站的外观。

jQuery('#cja_slider .bxslider').bxSlider({
  pager: false,
  speed: 1000,
  easing: function() {
    return Modernizr.csstransitions ? "ease-in-out" : "linear";
  },
  adaptiveHeight: true,
  auto: (jQuery('.bxslider li').size() > 1)
});

Bxslider不支持IE9中的缓动

1 个答案: