c# - 仅某些页面需要 JavaScript 和 jQuery

Question

我有一个 C#、MVC 网站，我希望将网站所需的所有 JavaScript/jQuery 包含在一个文件中，但某些 JavaScript/jQuery 仅在某些页面上需要。

示例，当前在 JavaScript 文件中，我有如下代码 -

$(document).ready(function () {

    $('#myId').click(function () {
        doCoolStuff();
    });

});

上面的语句在每个页面上都会执行，但只需要在一个页面上执行。让 JavaScript/jQuery 仅在需要它的页面上运行的最佳方法是什么？

Answer 1

您可以使用部分在必要时包含项目，并使其成为非必需项(但在存在时包含)。

_Layout.cshtml

@* ... *@
@RenderSection("Scripts", required: false)
@* ... *@

SomeView.cshtml

@* ... *@
@section Scripts
{
    @* direct inclusion *@
    <script>
        $(function(){
            // your code here
        });
    </script>

    @* or file reference *@
    <script src="@Url.Content("~/Content/alternate.script.js")"></script>
}
@* ... *@