jQuery互相覆盖，noConflict不起作用

Question

我的页面上有3个jquery脚本。菜单的第二个脚本干扰了第三个脚本，即轮播。当我拿出第二个脚本时，旋转木马再次工作。我试过放入noConflict，但也许我把它放在错误的地方因为它打破了更多的东西。这是我的代码：

<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>