Question

在我的ASP.NET核心代码第一个使用ASP.NET Cor Web Application (.NET Core) template开发的项目中，如何在特定视图上添加jQuery代码，例如test.cshtml，以便它只包含在使用此视图的页面。我正在使用VS2015-Update3.1。只有那些熟悉VS2015中这样一个项目的文件夹结构的人才可以回答。

注意：我正在尝试将以下脚本添加到内联而不是文件中。

$('.list-group-item').click(function(e){ 
  e.stopPropagation();
})

Answer 1

标准项目模板附带的标准_Layout.cshtml文件在最底部附近调用RenderSection()：

@RenderSection("scripts", required: false)

这告诉ViewEngine从渲染的视图中插入一个名为scripts的部分（如果存在）（该部分恰好插入到RenderBody()被调用的地方。

// Test.cshtml

...
<ul class="list-group">
  <li class="list-group-item">Item-1</li>
  <li class="list-group-item">Item-2</li>
  <li class="list-group-item">Item-3</li>
</ul>
...

@section scripts
{
  <script>
    $('.list-group-item').click(function(e){ 
      e.stopPropagation();
    })
  </script>
}

因此，只需在视图中定义该部分，它就会插入到指定位置的布局中。

如何仅在特定页面上添加jQuery代码

1 个答案: