Question

我有一个使用以下代码加载局部视图的视图：

 @if (Model.InfoDetails != null)
     {    
         foreach (var details in Model.InfoDetails)
             {
                Html.RenderPartial("_Details", details);
              }
     }

在Partial视图中，我们引用了外部js文件。

@section scripts{
@Scripts.Render("~/bundles/jqueryBusinessDetails") // All the Jquery events are placed in this file
<script type="text/javascript">
// role based control enable disable
</scripts>
}

当用户单击主视图中的“添加新详细信息”时，将动态加载此部分视图。在_Layout.cshrml中，在标记上方，添加了对所有JQuery库和自定义文件的引用。

 @Scripts.Render("~/Scripts/modernizr-2.6.2.js")
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryui")

    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jqueryBusiness")
    @Scripts.Render("~/bundles/menu")
  @RenderSection("scripts", required: false)

问题：

动态添加局部视图时，不会为新添加的局部视图触发JQuery事件。当我们计划将所有JQuery引用移动到页面底部时，我们应该在何处添加对此JQuery文件的引用。

移动到页面底部的JQuery引用未加载动态添加的Partial View JQuery Scripts

0 个答案: