文章/答案/技术大牛

发布

社区首页 >问答首页 >Twitter bootstrap rel=“弹出窗口”，数据内容不显示弹出窗口

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

Stack Overflow用户

提问于 2013-03-22 03:16:02

回答 2查看 1.8K关注 0票数 1

我正在尝试将锚标记的data-content部分中的内容显示为弹出菜单。我以前在测试它的时候让它工作了，但是现在我不能显示数据，我所做的唯一的事情就是将更多的项目添加到作为模型出现的列表中。有人知道为什么我的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>

下面是我在_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>

twitter-bootstrap

asp.net-mvc-4

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-23 01:21:23

需要添加container: body

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

票数 1

Stack Overflow用户

发布于 2014-04-03 04:26:35

我发现该示例需要在ASP.NET MVC5示例中设置触发器选项。默认设置为'Click‘

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15556206

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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