Asp.net 如何在 ASP.NET Core 中使用 jquery

发布于06月20日

我创建了一个ASP.NET核心模板并编写了一个jQuery脚本.当我查看页面时，我看到jQuery已加载到页面中，但是脚本没有运行.我查看了ASP.NET文档页面，而我的layout.cshtml看起来是一样的，那么要让jQuery正常工作，我还需要采取哪些额外的步骤呢？个主页

@{
    ViewData["Title"] = "Home Page";
}
<!-- Page Content-->
<div class="container">
    <div class="row">
        <form method="post" enctype="multipart/form-data">
            <input type="file" id="files" name="files" multiple />
            <input type="button" id="upload" value="Upload Selected Files" />
        </form>
    </div>
</div>
<script>
    $(document).ready(function () {
        alert("Test"); 
    });
</script>

Solution

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

推荐答案

我怀疑你的jquery是在页面内容的其余部分之后加载的.

这意味着您无法引用jquery对象，因为库尚未初始化.

在jquery加载后移动页面脚本.

<script src="~/lib/jquery/dist/jquery.js"></script>
<script>
  $(document).ready(function () {
    alert("Test"); 
  });
</script>

为了提高效率，我建议您采用以下两种方式之一:

OPTION 1

使用在jQuery之后加载的主脚本文件.

<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/js/master.js"></script>

OPTION 2

使用占位符模板，该模板将始终在jquery之后加载，但可以在单个页面上初始化.

Master _Layout Page

<script src="~/lib/jquery/dist/jquery.js""></script>
@RenderSection("Scripts", required: false)

Content Page

@section Scripts {
  <script>
    $(function () {
      alert("Test"); 
    });
  </script>
}

Asp.net相关问答推荐

Azure DevOps 构建管道正在发布旧的/缓存的构建工件

无法从部署在应用程序负载均衡器后面的 AWS ECS 上的应用程序发送 HTTP/S 请求

如何在 ASP.Net Core 中验证上传的文件

我可以在一个 Web 项目中有多个 web.config 文件吗？

Web API Queryable - 如何应用 AutoMapper？

使 ASP.NET WCF 将字典转换为 JSON，省略键和值标签

下载功能在 asp.net 的更新面板中不起作用

是否可以使用 Membership API 更改用户名

ASP.NET - AppDomain.CurrentDomain.GetAssemblies() - AppDomain 重新启动后缺少程序集

OnCheckedChanged 事件未触发

System.Linq.Dynamic 不支持 OrderByDescending("someColumn")？

如何通过后面的代码不显示

如何使用 app_GlobalResource 或 app_LocalResource？

缩小 ASP.NET 应用程序的 Html 输出

发布网站项目时临时路径太长

从 IFrame 重定向父页面

如何通过 Google 图表 API 使用 X 轴中的日期？

ASP.NET MVC 路由的无限 URL 参数

以编程方式滚动到锚标记

您的下一个 ASP.NET 项目的 Select 是什么：Web 窗体还是 MVC？

实用课程推荐