TypeError：jQuery（...）不是函数

Question

在MVC 4项目中，我试图测试我想要使用的jquery滑块。这就是我页面的头部部分的样子：

＆＃13;

＆＃13;

<meta charset="utf-8" />
    <title>@ViewBag.Title - My ASP.NET MVC Application</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    <link href="~/slider/bannerscollection_zoominout.css" rel="stylesheet" />
    <!-- must have -->
       
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700,700italic' rel='stylesheet' type='text/css'>

    <style type="text/css">
        body {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }
    </style>




    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
    <script src="~/slider/js/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
    <script src="~/slider/js/bannerscollection_zoominout.js" type="text/javascript"></script>
    <!-- must have -->




    <script type="text/javascript">
        var ua = navigator.userAgent.toLowerCase();
        if (ua.indexOf("msie") != -1 || ua.indexOf("opera") != -1) {
            jQuery('body').css('overflow', 'hidden');
            jQuery('html').css('overflow', 'hidden');
        }

        jQuery(function () {
            jQuery('#bannerscollection_zoominout_opportune').bannerscollection_zoominout({
                skin: 'opportune',
                responsive: true,
                width: 1920,
                height: 1200,
                fadeSlides: true,
                width100Proc: true,
                height100Proc: true,
                showNavArrows: true,
                showBottomNav: true,
                autoHideBottomNav: true,
                thumbsWrapperMarginTop: -55,
                pauseOnMouseOver: false
            });

        });


    </script>

＆＃13;

＆＃13;

＆＃13;

我收到错误：TypeError：jQuery（...）。bannerscollection_zoominout不是函数

我搜索并尝试了很多建议，但没有成功。一些帮助将是伟大的！

提前致谢。