ASP.NETブートストラップモーダルポップアップ - ボタンをクリックすると、何も表示されません（ポップアップ）

Question

私はブートストラップをポップアップしようとしています。私の "NoteListPartial.cshtml"ページ。私が編集ボタンをクリックすると、 "Not.cshtml"をポップアップで開くことができます。しかし、私がボタンをクリックすると、何も起こりません。私のコードは次のとおりです。

これは私の "NoteListPartial.cshtml" です：

<a href="@Url.Action("Note", "Project", new { ID = item.ID,ProjectID=item.ProjectID })" data-toggle="modal" data-target="#notedetailModal">Edit</a> 

そして、これが私の "Note.cshtml" です：id="notedetailModal" div要素ではないので、これは

<div class="modal fade" id="notedetailModal" tabindex="-1" role="dialog" aria-labelledby=""> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dissmiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button> 
       <h4 class="modal-title" id="myModalLabel">Edit Note</h4> 
      </div> 
      <form method="post" role="form"> 
       <div class="modal-body"> 
        <div class="form-group"> 
         <label>Title:</label> 
         <input type="text" name="Name" value="@Model.Name" /> 
        </div> 
        <div class="form-group"> 
         <label>Content:</label> 
         <textarea name="Content">@Model.Content</textarea> 
        </div> 
       </div> 
       <div class="modal-footer"> 
        <input type="submit" class="btn btn-default" value="Update" /> 
       </div> 
      </form> 
     </div> 
    </div> 
</div> 

Answer 1

"NoteListPartial.cshtml"ページで。あなたの「NoteListPartial.cshtml」ページ

<div class="modal fade" id="notedetailModal" tabindex="-1" role="dialog" aria-labelledby=""> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 

</div> 
    </div> 
</div> 

とあなたの「Note.cshtml」でのコードの下に置くように、あなたのコード内の

メイクチェンジ

<div class="modal-header"> 
       <button type="button" class="close" data-dissmiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button> 
       <h4 class="modal-title" id="myModalLabel">Edit Note</h4> 
      </div> 
      <form method="post" role="form"> 
       <div class="modal-body"> 
        <div class="form-group"> 
         <label>Title:</label> 
         <input type="text" name="Name" value="@Model.Name" /> 
        </div> 
        <div class="form-group"> 
         <label>Content:</label> 
         <textarea name="Content">@Model.Content</textarea> 
        </div> 
       </div> 
       <div class="modal-footer"> 
        <input type="submit" class="btn btn-default" value="Update" /> 
       </div> 
      </form> 

てみようなコードの残りの部分を置きますこの。