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

5

看起来“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-15T21:10:07.753 回答
0

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

if ( ($.browser.mozilla) && (Math.floor($.browser.version) == 11) ) {
  $('.flexslider').flexslider({
    animation: "fade",
    ...
  });
}
于 2014-01-08T22:04:03.753 回答
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行

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

//第 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 回答