2013-10-21 55 views
0

我正在嘗試在我的網頁中使用flexislider。但問題是,滑塊在Chrome,Firefox和IE10中工作正常。但問題出現在IE9及更早版本時,請大家幫我解決這個問題。Flexislider無法在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也是問題仍然相同。代碼正確執行,但滑塊不會移動。如果有人能夠發現問題。請回答這個問題。

+1

IE9不支持CSS3過渡 – Raver0124

+0

剛需實現回退,並使用jQuery的IE9 – Raver0124

回答

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) 

,並嘗試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); 
} 

閱讀本Does Internet Explorer support CSS transitions?

+0

我沒有明白你的意思是傳遞json對象。 – james

+0

你已經調用了'slider.container.css()三次',所以你可以''調用它'一次''一個單一的鍵值對'對象'。閱讀http://api.jquery.com/css/#css-properties –

+0

我按照你所說的傳遞了值。但現在也滑塊不起作用。是否有任何插件可以在IE中調試,比如firebug .. – james