モーダルのタグがレンダリングされていません

javascriptと部分的なビューを使用してモーダルテンプレートを入力しようとしています。マスターレイアウトファイルにテンプレートがあり、Ajax ActionLinkをクリックしたときにそのテンプレートを埋めたいと思っています。しかし、Ajax ActionLinkをクリックすると、テンプレート内の4つの内部divが消えます。モーダルのタグがレンダリングされていません

<!-- Container for modal --> 
<div id="modal-element" class="modal fade in" tabindex="-1" role="dialog"> 
    <div class="modal-dialog modal-lg"> <!--This disappears after ajax--> 
     <div class="modal-content"> <!--This disappears after ajax--> 
      <div class="modal-header"></div> <!--This disappears after ajax--> 
      <div id="modal-body-footer"> <!--This disappears after ajax--> 
       <!--this will be rendered via partialview--> 
      </div> 
     </div> 
    </div> 
</div>

私ActionLinkのは、WebGridの中にあるので、次のようになります。明らかに4つのdivを欠け

grid.Column("", null, format: (item) => Ajax.ActionLink("Delete", "Delete", new { id = item.Id }, new AjaxOptions { UpdateTargetId = "modal-body-footer"}, new { @class = "modal-link" })),

私のレンダリングされたHTML、：私はアヤックス控えめなライブラリをインストールしている