如何让Flexslider 2停止跳跃?

时间:2013-09-28 16:54:57

标签: javascript jquery html css

我正在使用Flexslider2(http://flexslider.woothemes.com/thumbnail-controlnav.html) 并在我的项目中获得这种奇怪的跳跃效果;基本上它循环通过,框架像下面的图像一样坍塌。我链接的.js文件和flex脚本就在关闭正文标记之前。 chrome dev工具也没有错误。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/lib/jquery.easing.min.js"></script>
<script defer src="js/jquery.mousewheel.js"></script>

<script type="text/javascript">
   $(document).ready(function(){
    $('.flexslider').flexslider({
       animation: "slide",
       start: function(slider){
       $('body').removeClass('loading');
       }
     });
     });
</script>

这是我改变以适应我的参数的唯一一块css。任何帮助都会膨胀!

.flexslider { margin: 0 auto 60px; max-width: 740px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; max-width: 740px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

Image of my problem

1 个答案:

答案 0 :(得分:0)

显然......我刚刚意识到'liveReload'导致了这个问题。关闭它,没有跳跃。我甚至没有意识到我正在使用它因为我使用codekit / guard ......