Why Asp.Net MVC 5 put @Scripts.Render("~/bundles/jquery") at the bottom in _Layout.cshtml?

Question

I put <script> blocks which use jQuery in the body of one (and only one) cshtml file which uses the template and they causes error because jQuery is not loaded yet.

What's the point to put the @Scripts.Render("~/bundles/jquery") at the bottom of _Layout.cshtml file?

The bottom of the _Layout.cshtml.

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

The following shows the generated source of the cshtml file.

<script>     $(document).ready(function () { /// $ not defined.         // .....     }); </script>      <hr />     <footer>     </footer> </div>  <script src="/Scripts/jquery-1.10.2.js"></script> <script src="/Scripts/bootstrap.js"></script> 

Answer 1

You can use sections :

in your layout :

... <script src="/Scripts/jquery-1.10.2.js"></script> <script src="/Scripts/bootstrap.js"></script> @RenderSection("scripts", required: false) ... 

in yours cshtml :

@section scripts {     <script>         $(document).ready(function () { /// $ not defined.             // .....         });     </script> } 

Answer 2

Just enclose it inside section scripts in .cshtml Page as shown.

@section scripts{   <script>   $(document).ready(function () {      // .....   });   </script> }