JavaScript 和 jQuery 只对某些页面有用

本文关键字:有用 jQuery JavaScript | 更新日期: 2023-09-27 18:33:41

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

示例,目前在 JavaScript 文件中,我有如下代码 -

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

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

JavaScript 和 jQuery 只对某些页面有用

您可以使用 Section s 在必要时包含项目,并使其不需要(但在存在时包含)。

_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>
}
@* ... *@