Twitter bootstrap 使用Ajax.Actionlink显示模态

Twitter bootstrap 使用Ajax.Actionlink显示模态,twitter-bootstrap,model-view-controller,asp.net-ajax,Twitter Bootstrap,Model View Controller,Asp.net Ajax,我试图从局部视图用引导模型替换div,但当我单击页面上的Ajax.ActionLink元素时,什么都没有发生 我已经检查过它是否通过MovieController,它确实通过了。div modalDiv不会更新 我已经将jquery.unobstructive添加到我的jquery包中 到目前为止,我的代码如下所示: Index.cshtml _ViewDetails.cshtml @Ajax.ActionLink(e.Title, "ShowDetails", "Movie", new { i

我试图从局部视图用引导模型替换div,但当我单击页面上的Ajax.ActionLink元素时,什么都没有发生

我已经检查过它是否通过MovieController,它确实通过了。div modalDiv不会更新

我已经将jquery.unobstructive添加到我的jquery包中

到目前为止,我的代码如下所示:

Index.cshtml

_ViewDetails.cshtml

@Ajax.ActionLink(e.Title, "ShowDetails", "Movie", new { id = e.Id }, new AjaxOptions { UpdateTargetId = "modalDiv" })
<div id="modalDiv"></div>
[HttpGet]
    public ActionResult ShowDetails(int id)
    {
        var model = new MovieModel();
        model.SelectedMovie = facade.MovieRep.GetById(id);
        return PartialView("_Details", model);
    }
<div id="modalDiv">
<div class="modal fade" tabindex="-1" role="dialog" aria-hidden="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                <h3 class="modal-title">@Model.SelectedMovie.Title</h3>
            </div>
            <div class="modal-body">
                <table>
                    <tr>
                        <td align="right">
                            Price:
                        </td>
                        <td>
                            $@Model.SelectedMovie.Price
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            Cover:
                        </td>
                        <td>
                            @Model.SelectedMovie.ImageURL
                        </td>
                    </tr>
                    <tr>
                        <td align="right">
                            Trailer:
                        </td>
                        <td>
                            <a href="@Model.SelectedMovie.TrailerURL" target="_blank">Link</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Genre:
                        </td>
                        <td>
                            @foreach (var g in Facade.Instance.MovieGenreRep.GetGenreByMovie(Model.SelectedMovie))
                            {
                                <p>
                                    @g.Name
                                </p>
                            }
                        </td>
                    </tr>
                </table>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal">Close</button>
                @Ajax.BeginForm("AddToCart", "Cart", null, new AjaxOptions { UpdateTargetId = "cart" })
                {
                <input type="hidden" name="Id" value="@Model.SelectedMovie.Id" />
                <button class="btn btn-success" data-dismiss="modal"><span class="icon-cart"> Add</span></button>
                }
            </div>
        </div>
    </div>
</div>
</div>