3

Flexslider は、IE 10 を除くすべてのインスタンスで動作します。ウェブサイトは www.nybreeder.com です。

誰かがコーディングの何が間違っているかを教えてもらえますか?

それがバージョンエラーなのか修正方法なのか、それともコード行がぶら下がっているだけなのか、仕上げが必要なのかわかりません..目が痛くなり始めています。

ありがとう

<!DOCTYPE html>
<html lang="en">
<head>
<title>Westchester NY Puppies for Sale </title>
<meta charset="utf-8" />
<meta name="description" content="We offer the finest selection of purebred and        designer puppies in Westchester NY." />
<meta name="publisher" href="https://plus.google.com/104126152754968851553" />
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<link rel="stylesheet" href="css/style.css" media="screen" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.responsivemenu.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/KleinSlabserif-Light_300.font.js"></script>
<script src="js/cufon-replace.js"></script>
<script src="js/jquery.equalheights-rt.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script src="js/script.js"></script>
<script>
    $(function(){
            if (($.browser.msie) && ($.browser.version < '9.0')) {
        $('.flexslider').flexslider({
            animation: "slide",
            slideshow: true,
            slideshowSpeed: 7000,
            animationDuration: 600,
            prevText: "Previous",
            nextText: "Next",
            controlNav: true,
        })   } else {
        $('.flexslider').flexslider({
            animation: "fade",
            slideshow: true,
            slideshowSpeed: 7000,
            animationDuration: 600,
            prevText: "Previous",
            nextText: "Next",
            controlNav: true,
        });  } 
    })
</script>
4

4 に答える 4

0

これは、このフォーラムでの最初の投稿です....私も同様の問題に直面していました...次のリンクから回答を得ました....

https://github.com/woothemes/FlexSlider/issues/413

以下はGitHUbからの要約です...

このslider.container.css("transition-duration", dur);を追加して修正します。以下のslider.container.css("-" + slider.pfx + "-transition-duration", dur); // 616 行目に、この slider.container.css('transform',target); を追加します。以下のslider.container.css(slider.args); //622行目

コードを追加した後、クロムで問題が発生する可能性があります...以下は、すべてのブラウザで動作する私の解決策です...

//行番号 609-614

               var isChrome = window.chrome;

    if(isChrome) {

    slider.container.css("-" + slider.pfx + "-transition-duration", dur);

    }else{

    slider.container.css("transition-duration", dur);

    }

//行番号 619-624

     var isChrome = window.chrome;

  if(isChrome) {

  if (slider.transitions || dur === undefined) slider.container.css(slider.args);

  }else{

  if (slider.transitions || dur === undefined) slider.container.css('transform',target);

  }

それが役立つことを願っています!!!

于 2013-07-30T14:12:19.117 に答える
0

同じ問題に直面しました - フェード アニメーションは ie9 では機能しますが、ie10+ では機能しません。

css で修正:

.flexslider .slides > li {-ms-transition: all 0.8s ease-out;}

于 2015-12-12T07:54:13.573 に答える