时间戳

首页 > 解决方案 > jQuery 在 ASP.Net MVC 中的视图中

jquery - jQuery 在 ASP.Net MVC 中的视图中

问题描述

我在 ASP.Net MVC 中有 2 个解决方案。在这两种解决方案中，我都使用 jQuery（主布局中包含的库）但在后一种解决方案中，jQuery 在视图中不起作用。所以我在视图中为我的 jQuery 使用了 @section Scripts { ... } 并且它有效。我的问题是：为什么在一个解决方案中 jQuery 在没有 @section Scripts 的情况下运行良好，为什么另一个解决方案需要将我的 jQuery 放入 @section Scripts { ... } 中才能工作。

解决方案中的两个视图都包含在主布局中的库（默认情况下由 Visual Studio）

我使用的代码：

这是我使用的测试代码

$(document).ready(function () {

            $('#btnTest').click(function () {
                $('#txtTest').val('Hey');
            });
        });

标签： jqueryasp.netasp.net-mvc

解决方案

如果jQuery是在底部呈现的_Layout.cshtml，那么你需要把你的脚本放在里面@section Scripts。

通过这样做，您的脚本将在 jQuery 脚本之后呈现。

@section Scripts
{
    <script>
        $(function () {   
             // Some code         
        })
    </script>
}

有时，像 Kendo UI 这样的服务器端包装控件需要在其控件之前呈现 jQuery 脚本。对于这种情况，您只需将 jQuery 脚本移动到head标签内。

推荐阅读