如何将自己的JS添加到Razor视图中？

Question

我想在页面的脚本部分中包括第4-6行。下面的代码在我看来。而不是被写入它，打印到页面上。我不知道我做错了什么。不知何故，这似乎是一个非常不寻常的事情，因为我没有找到如何正确地做它的例子。

1 @section Scripts {
2   @Scripts.Render("~/bundles/jqueryval")
3   @Scripts.Render("~/bundles/datetimepicker")
4   $(function() {
5     $(".datetimepicker").datetimepicker();
6   });
7 }

Answer 1

将其保存在脚本标记中

  @Scripts.Render("~/bundles/jqueryval")
   @Scripts.Render("~/bundles/datetimepicker")
   <script type="text/javascript">
   $(function() {
     $(".datetimepicker").datetimepicker();
  });
  </script>

Answer 2

您的脚本需要在<script>标记中

@section Scripts {
  @Scripts.Render("~/bundles/jqueryval")
  @Scripts.Render("~/bundles/datetimepicker")
  <script type="text/javascript">
    $(function() {
      $(".datetimepicker").datetimepicker();
    });
  </script>
}

Answer 3

如果视图使用_Layout.cshtml页面，那么可以在_Layout.cshtml页面中添加这样的自定义部分：

@RenderSection("scripts", required: false)

如果您想要所有页面都需要这个部分，那么设置require:true

在您的视图中，代码应该如下所示：

  @section scripts{
     @Scripts.Render("~/bundles/jqueryval")
     @Scripts.Render("~/bundles/datetimepicker")
    <script>
     $(function() {
     $(".datetimepicker").datetimepicker();
     });
    </script>
    }