在ASP.NET MVC4项目中包含jquery的正确方法

我是ASP.NET MVC 4的新手,我想在我的项目的一个页面中添加一个 jquery控件.

这是我的_layout.cshtml文件的结尾部分：

@Scripts.Render("~/bundles/jquery")
        @RenderSection("scripts",required: false)
    </body>
</html>

1. @ Script.Render(“〜/ bundles / jquery”)究竟是什么行？

在我希望添加控件的页面内：

@{
    ViewBag.Title = "Test page";
}

@section scripts
{
    @Scripts.Render("~/Scripts/jquery-1.8.2.js") // The control needs jquery.
    @Scripts.Render("~/Scripts/icarousel.min.js") // The control in question.
    @Styles.Render("~/Content/icarousel.css") // A css file needed by the control.
}

<script type="text/javascript">
    $(document).ready(function () {
        $('#icarousel').iCarousel();
    });
</script>

(some html code here,including the #icarousel div ... )

当我运行该页面时,我收到错误：’$’未定义.

这就像jquery没有加载或什么……

2.我缺少什么让这项工作？

解决方法

您将jQuery脚本标记放在正文的最底部,但尝试在文件顶部使用它.一切都从上到下运行,所以它试图使用尚未加载的东西.

查看呈现的HTML源代码以确切了解它的外观.

您应该在头部内部而不是正文中呈现脚本部分(特别是指向javascript文件而不是内联脚本的部分).