0

我正在尝试在我的网页中使用 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也问题仍然存在。代码正确执行，但滑块不会移动。如果任何人能够找出问题。请回答这个问题。

4

1 回答 1

0

它不适用于<=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)

并尝试json在css()like中使用，

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 过渡？

于 2013-10-21T06:09:02.207 回答