Twitter bootstrap 推特引导rel="；“爆米花”；数据内容不显示popover_Twitter Bootstrap_Asp.net Mvc 4

Twitter bootstrap 推特引导rel="；“爆米花”；数据内容不显示popover

twitter-bootstrap asp.net-mvc-4

Twitter bootstrap 推特引导rel="；“爆米花”；数据内容不显示popover,twitter-bootstrap,asp.net-mvc-4,Twitter Bootstrap,Asp.net Mvc 4,我正在尝试获取锚定标记的数据内容部分中的任何内容，以显示为弹出菜单。我以前在测试它的时候就让它工作了，但是现在我无法显示数据，我所做的唯一一件事就是向作为模型出现的列表中添加更多的项。有人知道我的府绸为什么坏了吗 @helper CreateSubMenu(MenuItem[] menuItems) { foreach (var Item in menuItems) { <li><a href="#" id="@Item.HtmlId" rel="popover"

我正在尝试获取锚定标记的数据内容部分中的任何内容，以显示为弹出菜单。我以前在测试它的时候就让它工作了，但是现在我无法显示数据，我所做的唯一一件事就是向作为模型出现的列表中添加更多的项。有人知道我的府绸为什么坏了吗

@helper CreateSubMenu(MenuItem[] menuItems)
{
foreach (var Item in menuItems)
{

    <li><a href="#" id="@Item.HtmlId" rel="popover" data-content="@Item.Description">@Item.Name</a>
        @if (Item.MenuItems.Any())
        {
            @WrapWithUl(Item.MenuItems)
        }
    </li>
}
}
@helper WrapWithUl(MenuItem[] menuItems)
{ <ul>
  @CreateSubMenu(menuItems)
</ul> }


<div class="pull-left demo-dd demo-container span3">

<strong>
    <ul id="drilldown-3">
        @CreateSubMenu(Model.MenuItems)
    </ul>
</strong>
</div>

    <script type="text/javascript">
        $(document).ready(function($){

            $('#drilldown-3').dcDrilldown({
                speed           : 'fast',
                saveState       : false,
                showCount       : false,
                linkType        : 'breadcrumb'
            });
        });

    </script>

@helper创建子菜单（MenuItem[]menuItems）
{
foreach（菜单项中的var项）
{

@if（Item.MenuItems.Any（））
{
@幽灵（Item.MenuItems）
}

}
}
@helper WrapWithUl（MenuItem[]menuItems）
{
@创建子菜单（菜单项）
}


@创建子菜单（Model.MenuItems）


$（文档）.ready（函数（$）{
$（“#向下钻取-3”）.dcDrilldown({
速度：“快”，
saveState:false，
showCount：错，
链接类型：“面包屑”
});
});

以下是我在_layout.cshtml文件中的导入内容

    <head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/css/bootstrap/bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/base-admin.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/base-admin-responsive.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/fontAwesome/font-awesome.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/dcdrilldown.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/skins/demo.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/DataTables-1.9.4/media/css/demo_table.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.9.1.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery-migrate-1.1.1.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.cookie.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.dcdrilldown.1.2.js")"></script>
    <script src="@Url.Content("~/Scripts/bootstrap.js")"></script>
    <script src="@Url.Content("~/Scripts/excanvas.min.js")"></script>
    <script src="@Url.Content("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.min.js")"></script>
</head>


@视图包。标题

您需要添加容器：body

$('a[rel=popover]').popover([container: 'body'});

您需要添加容器：body

$('a[rel=popover]').popover([container: 'body'});

我发现该示例需要在ASP.NET MVC5示例中设置触发器选项。它默认为“单击”

$("#myID").popover({ container: 'body', trigger: 'hover' });

我发现该示例需要在ASP.NET MVC5示例中设置触发器选项。它默认为“单击”

$("#myID").popover({ container: 'body', trigger: 'hover' });