Javascript MVC中的bootstrap 3模式不工作

我试图在我的MVC应用程序中显示Bootstrap3（）中的模式。 这就是我所做的

@model DatePicker.Models.ViewModels.Appointment.CreateAppointmentSelectPersons
@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
    <link href="~/Content/themes/base/minified/jquery-ui.min.css" rel="stylesheet"/>
}
<button id="showDetail" class="btn btn-default">Next>></button>
<div id="appointmentModal" class="modal hide fade in" data-url="@Url.Action("Detail", "Appointment", new { appointmentId = Model.AppointmentId })">
    <div id="appointmentContainer"></div>
</div>

@section Scripts{
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/Scripts/jquery-ui-1.10.4.min.js")
    @Scripts.Render("~/Scripts/bootstrap.min.js")
    @Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js")


    <script type="text/javascript">    

        $("#showDetail").click(function () {
            var url = $("#appointmentModal").data('url');
            $.get(url, function (data) {
                $('#appointmentContainer').html(data);
                $('#appointmentModal').modal(show);
            });
        })

    </script>
}

在这里，当我单击视图中的下一个>>按钮时，我的模式不会显示。 但是当我检查网络部分并查看预览部分时，我可以看到数据是从我的后端收集的。只是模态没有显示出来。 我该怎么办？

编辑1：

控制台错误

---

您在JavaScript函数中出错。应该是这样的：

   $("#showDetail").click(function () {
        var url = $("#appointmentModal").data('url');
        $.get(url, function (data) {
            $('#appointmentContainer').html(data);
            $('#appointmentModal').modal('show');
        });
    })

---

更改为：

modal（show）

到modal（'show'）

您在控制台上有任何错误吗？是的，它说show没有定义？您正在将具有相同id的模态添加到现有模态中。您是否尝试过将show放在逗号中：$（'#appointmentModal'）。modal（'show'）@Andrew我做到了，现在没有错误，当我点击按钮时背景会变暗，但模态不会弹出

   public ActionResult Detail(Guid appointmentId)
    {
        ....
        return PartialView(appointmentDetails);
    }

   $("#showDetail").click(function () {
        var url = $("#appointmentModal").data('url');
        $.get(url, function (data) {
            $('#appointmentContainer').html(data);
            $('#appointmentModal').modal('show');
        });
    })