Twitter bootstrap rel =“弹出窗口”，数据内容不显示弹出窗口

我试图获取锚点标记的数据内容部分中的任何内容以显示为弹出菜单。当我测试它之前，我已经开始工作了，但现在我无法获取要显示的数据，我所做的唯一事情是将更多项目添加到作为模型出现的列表中。任何人都知道为什么我的popover不工作？Twitter bootstrap rel =“弹出窗口”，数据内容不显示弹出窗口

@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>

这里是我在_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>

来源

2013-03-21 Robert

您需要添加容器：身体

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

来源

2013-03-22 17:21:23 Syliddar

我发现，例如需要内触发选项设置ASP.NET MVC5的例子。它默认为'点击'

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

来源

2014-04-02 20:26:35

Twitter bootstrap rel =“弹出窗口”，数据内容不显示弹出窗口

回答

相关问题