如何讓Flexslider2停止跳躍？

我正在使用Flexslider2（http://flexslider.woothemes.com/thumbnail-controlnav.html）並在我的項目中獲得這種奇怪的跳躍效果;基本上它會循環播放，並且幀會像下圖一樣崩潰。我的鏈接.js文件和flex腳本就在關閉body標籤之前。也沒有鉻開發工具的錯誤。如何讓Flexslider2停止跳躍？

<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