我正在尝试从Bootstrap设置Pill with Dropdown UI元素,当我点击插入符号时它没有显示下拉列表。我查看了Bootstrap文档及其来源)并没有找到我所遗漏的内容。
我是否需要编写自定义JS才能显示它?文档看起来我没有,它应该只是工作。
这是JS我已经包括....
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script>
这是HTML
<ul class="nav nav-pills">
<li class="dropdown all-camera-dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">
All Cameras
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li data-filter-camera-type="all"><a data-toggle="tab" href="#">All Cameras</a></li>
<li data-filter-camera-type="Alpha"><a data-toggle="tab" href="#">Alpha</a></li>
<li data-filter-camera-type="Zed"><a data-toggle="tab" href="#">Zed</a></li>
<li data-filter-camera-type="Bravo"><a data-toggle="tab" href="#">Bravo</a></li>
</ul>
</li></ul>
任何帮助将不胜感激
答案 0 :(得分:0)
它不起作用,因为你多次加载相同的插件,从你的内容中删除以下脚本,它应该工作正常:
删除强>
<script src="/assets/bootstrap-modal.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-tab.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-transition.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap-carousel.js?body=1" type="text/javascript"></script>
bootstrap.js
脚本文件随所有插件一起打包,因此您无需再次加载单个脚本文件。
<强> KEEP 强>
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>