Flexislider在IE9中不起作用

Question

我正在尝试在网页中使用flexislider。 但是问题是，滑块在chrome，firefox和IE10中可以正常工作。 但是在使用IE9和更早版本时会出现此问题。请任何人帮助我解决此问题。

我认为以下脚本存在问题：

if (slider.transitions) {
    target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)";
    dur = (dur !== undefined) ? (dur/1000) + "s" : "0s";
    slider.container.css("-" + slider.pfx + "-transition-duration", dur);
    slider.container.css("transition-duration", dur);   
    slider.container.css("-" + slider.pfx + "-transition-duration", dur);alert(slider.pfx);
}

但是，如果我删除了slider.pfx ，问题仍然存在。 代码可以正确执行，但滑块不会移动。 如果有人能找出问题所在。 请回答这个问题。

Answer 1

在<= IE 9中不起作用

Chrome
    1.0 (-webkit prefix)

Firefox
    4.0 (2.0) (-moz prefix)
    16.0 (16.0) (no prefix)

Internet Explorer
    10.0 (no prefix)

Opera
    10.5 (-o prefix)  
    12.0 (no prefix)

Safari
    3.2 (-webkit prefix)

并尝试在css()使用json ，

if (slider.transitions) {
    target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)";
    dur = (dur !== undefined) ? (dur/1000) + "s" : "0s";
    slider.container.css({"-" + slider.pfx + "-transition-duration", dur,"transition-duration", dur});  
    // pass json object at once only 
    alert(slider.pfx);
}

阅读本文Internet Explorer是否支持CSS过渡？