Home/ Questions/Q 8365391
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T12:38:45+00:00

I just created an ASP .NET MVC 4 WebAPI project. In looking at the

  • 0

I just created an ASP .NET MVC 4 WebAPI project.

In looking at the default _Layout.cshtml, I see that the jquery script is being inserted after the body is rendered (not in the head).

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/themes/base/css", "~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    @RenderBody()

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

This causes the error 

$ is not defined

of course, trying to write 

$(document).ready(function() {...}).

Moving the 

@Scripts.Render("~/bundles/jquery")

into the head section of the _Layout.cshtml corrects the problem and jquery works as expected.

What’s up? Am I doing something wrong and there’s a reason for the default location of the Script.Render inside _Layout.cshtml?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Script loading and executing block the rendering of the page.

    You can see this by adding alerts in multiple parts of your page. That’s why it’s recommended to put the js files at the back of the page.

    You can also remedy your problem by having a section for page scripts behind the one where jquery is added, at the end of the page.

    Edit: Here’s an article from Scott Guthrie about sections in razor: http://weblogs.asp.net/scottgu/archive/2010/12/30/asp-net-mvc-3-layouts-and-sections-with-razor.aspx

    • 0