我第一次尝试使用数据表和 Bootstrap ,现在我真的很挣扎,因为数据表是惊人的,但我似乎不能让我的导航栏下拉工作在所有(与数据表的工作)。
下面是我的html布局使用:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.13/css/dataTables.bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
这是导航栏:
<div class="navbar navbar-collapsed">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Test</a>
</div>
<ul class="nav navbar-nav">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Statistics <span class="caret"></span></a>
<ul class="dropdown-menu">
<li>@Html.ActionLink("1", "Chart1", "Home")</li>
<li>@Html.ActionLink("2", "Chart2", "Home")</li>
<li>@Html.ActionLink("3", "Chart3", "Home")</li>
</ul>
</li>
<li></li>
<li>@Html.ActionLink("Contact", "Contact", "Home")</li>
</ul>
</div>
</div>
我试图通过删除脚本/重新排序/删除样式表来找到问题所在,但找不到问题所在!
3条答案
按热度按时间fivyi3re1#
你只需要把
bootstrap.js
包含到<script>
标签列表中,我也用简单的<a>
标签替换了你的ActionLink
,以显示你的下拉菜单工作,但我不认为这是问题所在。c90pui9n2#
看起来你只是没有在其他依赖项中包含Bootstrap Javascript(下拉菜单需要使用它)文件。
uujelgoq3#
在datatables.min.js文件中搜索此内容,并删除引号之间的世界折叠,如:ht ="collapting" turn into ht =""
问题解决了。