Jquery Flexslider未按预期工作

我在FlexSlider上遇到了一个奇怪的问题，我基本上是从FlexSlider复制缩略图滑块的代码，并根据自己的需要做了一些小的修改，但是旋转木马从来不会与滑块同步，所以它是无用的。即使是最基本的示例，我也尝试过，但仍然没有按预期工作，并且没有返回任何错误

我将在下面解释，但您可以检查“工作”示例

我在

部分中包含css，在

标记结束之前在中包含js。我认为缩小版可能导致了这个问题，所以在这个例子中，我包含了完整的脚本

in head
<link rel="stylesheet" href="js/flexslider/flexslider.css">

before body tag close
<script src="js/flexslider/jquery.flexslider.js"></script>

头部

身体标签关闭前

然后，我有我的滑块和转盘以下方式：

<div class="flexslider slider_casas">
    <ul class="slides">
        <li><img etc etc etc></li>
        <li><img etc etc etc></li>
        ........
    </ul>
</div>
<div class="flexslider carousel_casas">
    <ul class="slides">
        <li><img etc etc etc></li>
        <li><img etc etc etc></li>
        ........
    </ul>
</div>

........




........

最后，对于初始化（在包含flexslider.js之后），我使用以下方法：

<script>

    $(window).load(function() {

        $('.carousel_casas').flexslider({
            animation: "slide",
            controlNav: false,
            animationLoop: true,
            itemWidth: 140,
            itemMargin: 10,
            asNavFor: ".slider_casas"
        });

        $('.slider_casas').flexslider({
            animation: "fade",
            controlNav: false,
            animationLoop: true,
            sync: ".carousel_casas",
            slideshowSpeed: 4000,
            animationSpeed: 600,
            slideshow: false
        });
    });     

</script>

$（窗口）。加载（函数（）{
$（'.carousel_casas'）.flexslider({
动画：“幻灯片”，
控制导航：错误，
animationLoop:true，
项目宽度：140，
项目保证金：10，
asNavFor:“.slider\u casas”
});
$（'.slider_casas'）.flexslider({
动画：“淡入淡出”，
控制导航：错误，
animationLoop:true，
同步：“.carousel_casas”，
幻灯片速度：4000，
动画速度：600，
幻灯片放映：错误
});
});     
谁有任何想法？为了更多的细节，我用基金会5来使用它，但我不认为这会影响。