Javascript jQuery相互覆盖，无冲突不'；行不通

我的页面上有3个jquery脚本。菜单的第二个脚本干扰了第三个脚本，即旋转木马。当我拿出第二个脚本时，旋转木马又开始工作了。我试着把它放在没有冲突的地方，但也许我把它放错地方了，因为它会破坏更多的东西。这是我的密码：

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider();
  });
</script>


<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($){

    $('#main-menu').prepend('<div id="menu-icon">Menu</div>');

    $("#menu-icon").on("click", function(){
        $("#nav").slideToggle();
        $(this).toggleClass("active");
    });

});
</script>


<script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-5.5.0-packed.js"></script>
<script type="text/javascript" language="javascript">
    $(function() {
        $('#foo4').carouFredSel({
            responsive: true,
            width: '100%',
            scroll: 2,
            items: {
                width: 400,
                    visible: {
                    min: 6,
                    max: 6
                }
            }
        });

    });
</script>

$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider（）；
});
$.noConflict（）；
jQuery（文档）.ready（函数（$）{
$（'主菜单'）.prepend（'菜单'）；
$（“#菜单图标”）。在（“单击”，函数（）上）{
$（“#导航”）.slideToggle（）；
$（此）.toggleClass（“活动”）；
});
});
$（函数（）{
$（'foo4'）。卡鲁弗雷德塞尔({
回答：是的，
宽度：“100%”，
卷轴：2，
项目：{
宽度：400，
可见：{
民:6,，
最高：6
}
}
});
});

这不是完整的代码。让我们看看。我在这里只看到一个jQuery插件引用this jQuery.noConflict（）；对于您的第二个和第三个脚本，请像这样使用JQuery（#foo4'）.carouFredSel（{…等等）。