Actualmente estoy trabajando en los conceptos básicos de una aplicación de página .NET C# Razor que ejecuta lo siguiente:

• páginas de afeitar
• .NET 5/C#
• jQuery v3.5.1
• Bootstrap v4.3.1

Mi problema actual es que jQuery (y JS simple) solo funcionan en el archivo Layout.cshtml, he intentado lo siguiente:

1. Etiquetas de script en el encabezado de _layout.cshtml
2. Etiquetas de script en la parte inferior del cuerpo de _layout.cshtml
3. Envolviendo jQuery en secuencias de comandos de @section{}

En esta etapa, estoy bastante seguro de que es solo un caso de que debe configurarse de una manera muy particular en .NET5, pero realmente no tengo más pistas.

Parte inferior de _Layout.cshtml

 </header> <div class="container-fluid"> <main role="main" class="pb-3"> @RenderBody() </main> </div> <script src="~/lib/jquery/dist/jquery.min.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="~/js/site.js" asp-append-version="true"></script> @RenderSection("Head", required: false); @RenderSection("Scripts", required: false); </body> </html>

Parte inferior del archivo index.cshtml

 @section scripts { <script> $(document).ready(function () { $(".btn-reply").click(function (event) { alert("it works"); }); }); </script> }