0

Web ページで 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)

などで使ってみるjsoncss()

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 に答える