Question

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>

Answer 1

看起来'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,
        });  
    }
});

Answer 2

这是我在这个论坛上的第一篇文章....我也面临着类似的问题......从以下链接得到答案....

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

以下是GitHUb摘要...

我解决了加上这个 slider.container.css（“transition-duration”，dur）; 下面 slider.container.css（“ - ”+ slider.pfx +“ - transsition-duration”，dur）; //第616行并添加此 slider.container.css（ '变换'，目标）; 下面 slider.container.css（slider.args）; //第622行

添加代码后，它可能会让您在Chrome中遇到麻烦......以下是我在所有浏览器中工作的解决方案......

// line no 609-614

               var isChrome = window.chrome;

    if(isChrome) {

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

    }else{

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

    }

// line no 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);

  }

希望它可以帮助!!!

Answer 3

如果有人试图调试IE 11，它会将自己标识为mozilla：

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

Answer 4

面临同样的问题 - 淡入淡出动画在ie9中起作用但在ie10 +中起作用。

用css修复：

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

Flexslider适用于除IE 10之外的所有功能

4 个答案: