0

我试图在局部视图中使用@section 将脚本放置在布局的指定部分。但它不起作用。

_Layout.cshtml

<!DOCTYPE html>
<html lang="en">
<head>
@RenderSection("PageSpecificCSSFiles", false)
</head>
<body>
<div>@RenderBody()</div>
 <script src="@Url.Content("~/Scripts/jquery-1.8.2.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-ui.js")"></script>
@RenderSection("PageSpecificJSFiles", false)
@RenderSection("PageSpecificJSScript", false)
</body>

详细页面.cshtml

@{
    ViewBag.Title = "Details";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div id="tabs">
 @{ Html.RenderPartial("BasicDetails");}
</div>

局部视图 BasicDetails.cshtml

<input id="dob" name="DateOfBirth" value="" />
@section PageSpecificJSScript{

<script type="text/javascript">

$(document).ready(function(){
   $('#dob').datepicker();
});

</script>

}

日期选择器尚未配置，因为 @section 不工作。

谁能告诉如何在局部视图中实现这一目标？我们如何将部分视图中的脚本强制进入布局的特定部分？

注意：为了提高性能，我在底部添加了 JS 文件。我不喜欢将它移到页面顶部。

4

0 回答 0