Question

在我的应用程序中，我有一个按钮，当点击它时，它会显示一个自举模式。

Index.cshtml

<button id="btnModal" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
    Launch demo modal
</button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div id="modal-container"></div>
        </div>
    </div>
</div>

@section Scripts {
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btnModal").click(function () {
                $.ajax({
                    url: "/Home/TestModal/",
                    type: "GET",
                    success: function (data, status, xhr) {
                        $("#modal-container").html(data);
                        $("#myModal").modal(show = true, backdrop = false);
                    },
                    error: function (xhr, status, error) {
                        console.log(xhr);
                        console.log(status);
                        console.log(error);
                    },
                    cache: false
                });
            });
        });
    </script>
}

_TestModal.cshtml

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
    ...
</div>
<div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
</div>

正如您在上面的代码中看到的，我将模态的内容放在PartialView中，然后我使用jquery ajax来调用模态。在HomeController中，我只返回PartialView

HomeController.cs

public ActionResult TestModal()
{
    return PartialView("_TestModal");
}

我在开发人员工具中看到，当我点击Lauch演示模态按钮时出现错误

GET http://xxx/Home/TestModal/?_=1400038826500 404 (Not Found)

我将Index.cshtml和_TestModal.cshtml放在同一个文件夹中。如果我在我的本地开发中运行，则会出现模态。你能帮我解决一下代码有什么问题吗？

我使用Visual Studio 2013与MVC 5.1和Windows 7进行开发。使用Windows Server 2008和IIS 6的生产服务器。

调用Bootstrap Modal部分不会出现在生产中

0 个答案: