Asp.net mvc ASP.NET引导模式弹出窗口-当我单击按钮时，没有任何内容（弹出窗口）打开

我想用bootstrap弹出窗口。在我的“NoteListPartial.cshtml”页面中；如果我点击编辑按钮，我希望打开“Not.cshtml”弹出窗口。但当我点击按钮时，什么也没发生。我的代码如下：

这是我的“NoteListPartial.cshtml”：

这是我的“Note.cshtml”：

x
编辑注释
标题：
内容：
@模型.内容

这是因为

id=“notetailmodal”

div不在“NoteListPartial.cshtml”页面上

对代码进行更改，如在“NoteListPartial.cshtml”页面中的下面代码中添加

在你的“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>

x
编辑注释
标题：
内容：
@模型.内容

试试这个

<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>

<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>

<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>