Flexslider工作中的一切，但IE 10

Flexslider工作在每一個實例，但IE 10網站是www.nybreeder.comFlexslider工作中的一切，但IE 10

有人可以直接到什麼是錯的編碼？

不知道它的版本錯誤和如何糾正，或者它只是一個需要完成的垂直代碼行..我的眼睛開始受傷。

感謝

<!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>

來源

2013-05-15 Jeff Gray

你檢查你的瀏覽器的控制檯，看看它是否會引發任何錯誤？ – Ian

不知道你是什麼意思，我很難用IE 10對不起，我使用chrome開發工具，如果我在IE 9中查看站點工作正常，它只是IE10 –

是的，IE 10（和IE 9和8）應該有相同的東西 - 一個稱爲開發工具的功能（通過按F12打開）。你應該看看「控制檯」，看看是否有任何錯誤拋出。 – Ian

它看起來像 '9.0' 不應該在報價，並且也許應該是10？

$(function(){ 
    if (($.browser.msie) && ($.browser.version < 10)) { 
     $('.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, 
     }); 
    } 
});

來源

2013-05-15 21:10:07 Tracker1

工作!!!謝謝！ –

@JeffGray如果這個工作，使確定你接受答案！ – Ian

這是我在這個論壇的第一篇文章....我也面臨着類似的問題...有從以下鏈接答案....

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

以下是從GitHub摘要...

i加修復它添加此 slider.container.css（「過渡期」，DUR）; below slider.container.css（「 - 」+ slider.pfx +「-transition-duration」，dur）; //行616 並添加此 slider.container.css（'transform'，target）; below 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-30 14:12:19 souren

如果有人想調試IE 11它自身標識爲mozilla的：

if (($.browser.mozilla) && (Math.floor($.browser.version) == 11)) { 
    $('.flexslider').flexslider({ 
    animation: "fade", 
    ... 
    }); 
}

來源

2014-01-08 22:04:03 chrsc

面臨着同樣的問題 - 動畫漸變工作在IE9但不是在IE10 +。

修正了CSS：

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

來源

2015-12-12 07:54:13 Julia

Flexslider工作中的一切，但IE 10

回答

相關問題