Home/ Questions/Q 7059867
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T04:17:01+00:00

in my Layout file (I use the Razor syntax) I have included the jQuery

  • 0

in my Layout file (I use the Razor syntax) I have included the jQuery script library.

In my partialView, I have jPaginate script library and the code that generates this plugin. The problem is, in that scenario that plugin is not being rendered, but if I move the jQuery script library to the PartialView, it works. But I can’t move the jQuery script library from the Layout.

So, how to access the scripts included in the Layout page in the
PartialView ?

Or maybe there is other solution ?

the code:

Layout.cshtml

<head>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
</head>

<body>
     @RenderBody()

     @RenderSection("Scripts", false)
</body>

MyView.cshtml

@{ Html.RenderAction("SomeAction", "MyContoller"); } //it outputs the PartialView.vshtml

    @section Scripts {
        <script src="@Url.Content("~/Scripts/jquery.paginate.js")" type="text/javascript"></script>

        <script type="text/javascript">
            $(document).ready(function () {
                $("#pages").paginate({
                    count: 12,
                    start: 1,
                    display: 10,
                    border: false,
                    text_color: '#888',
                    background_color: '#EEE',
                    text_hover_color: 'black',
                    background_hover_color: '#CFCFCF'
                });
            });
        </script>
    }

PartialView.cshtml

<link href="@Url.Content("~/Content/jpaginate.css")" rel="stylesheet" type="text/css" />

<div id="pages"></div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Where is your jQuery script rendered in the Layout? Is it towards the end of the layout? If this is the case then when you include the plugin in your partial, jQuery is not yet defined. I would recommend you defining a section in your layout towards the end that will contain custom included scripts:

    <body>
    ...
    ...
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    @RenderSection("Scripts", false)
</body>
</html>

    and then in the view that is using that partial (not in the partial, a partial shouldn’t be dealing with any scripts, it should be markup only) override this section to include any plugins this view requires:

    @section Scripts {
    <script src="@Url.Content("~/Scripts/foo.js")" type="text/javascript"></script>
    <script type="text/javascript">
        // some inline script that uses the foo plugin
    </script>
}

    This way all scripts that this page requires will get rendered at the end of the markup which is the recommended approach.

    • 0