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)

尝试在json中使用css()，

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);
}

阅读此Does Internet Explorer support CSS transitions?

Flexslider无法在IE9中运行

1 个答案: