layout view jquery plugin is not available in child views mvc4

Question

I added jquery script in the layout page. but it is not accessible in the child view. I am not using any bundles.

Layout.cshtml

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<h1>Test Apppp</h1>
@RenderBody()
 <script src="/Scripts/modernizr-2.7.2.js"></script>
    <script src="/Scripts/jquery.min.js"></script>
    <script src="/Scripts/bootstrap.min.js"></script>

</body>
</html>

MyView.cshtml

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div style="width: 100%; height: 500px;" class="float_left">

</div>
<script type="text/javascript">

    $(document).ready(function () {
        alert('dd');

    });   
</script>

Error shows in the $(document).ready(function){}); like $ is not defined Please suggest the solution

Thanks in advance

Possible duplicate [http://stackoverflow.com/a/15347957/3383479](http://stackoverflow.com/a/15347957/3383479) — , May 14 '14 at 07:05

score 3 · Accepted Answer · answered May 14 '14 at 06:57

3

Use @RenderBody() and refer those scripts above the RenderBody()

<script src="/Scripts/modernizr-2.7.2.js"></script>
<script src="/Scripts/jquery.min.js"></script>
<script src="/Scripts/bootstrap.min.js"></script>
@RenderBody()

answered May 14 '14 at 06:57

Madhu

2,416
3
15
33

Its working... scripts should be above the @renderbody() – Razack May 14 '14 at 08:04
This works but it is not a pretty standard way I guess. – Jamshaid K. Oct 20 '18 at 00:27

malkam · Answer 2 · 2014-05-14T08:46:22.727

Layout.cshtml

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<script src="~/Scripts/modernizr-2.7.2.js"></script>
    <script src="~/Scripts/jquery.min.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>
</head>
<body>
 @RenderBody()
</body>
</html>

MyView.cshtml

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript" language="javascript">

    $(document).ready(function () {
        alert('dd');

    });   
</script>
<div style="width: 100%; height: 500px;" class="float_left">

</div>

I think you're missing '~' in srcipt src. See my updated code — malkam, May 14 '14 at 08:46

layout view jquery plugin is not available in child views mvc4

2 Answers2