Javascript 列表项内的模式对话框未正确显示

我试图有点迂回，在导航栏的列表项中放置一个模式对话框，其想法是稍后用Ajax替换整个列表项。这是为了帮助我很快添加一些甜甜圈缓存

从一个完全标准的MVC-5模板normal开始，我添加了以下内容：

共享控制器：

篮子模型：

篮式局部视图

已更改共享布局视图的导航栏部分

在这里，您就有了它，所有您需要添加到标准MVC5模板中以重新创建此效果的内容

下面是一个屏幕截图，但是模态弹出，它仍然在背景中。所有按钮均不可点击，Chrome控制台中无错误：

---

我可以在这里做些什么来解决这个问题，还是这不起作用？

您的问题与asp.net无关，这是客户端javascript问题。再次阅读引导examples@MikeSW谢谢，你对可能出现的问题有什么想法吗？不，试试看，这是一个解决问题的好地方。codereview不是可以改进工作代码的吗？我的代码不起作用。

using System.Web.Mvc;
using WebApplication8.Models;

namespace WebApplication8.Controllers
{
    public class SharedController : Controller
    {
        public ActionResult Basket()
        {
            return PartialView("_Basket", new Basket());
        }
    }
}

namespace WebApplication8.Models
{
    public class Basket
    {
        public int Count {
            get { return 3; }
        }
    }
}

@model WebApplication8.Models.Basket

<li id="Cart">
    <a href="#" data-toggle="modal" data-target="#cart-modal">Cart (@Model.Count)</a>

    <div class="modal fade" id="cart-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                    <p>One fine body&hellip;</p>
                </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>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</li>

<ul class="nav navbar-nav">
    <li>@Html.ActionLink("Home", "Index", "Home")</li>
    <li>@Html.ActionLink("About", "About", "Home")</li>
    <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
    @Html.Action("Basket", "Shared")
</ul>
@Html.Partial("_LoginPartial")