Question

我正在尝试从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>

任何帮助将不胜感激

Answer 1

它不起作用，因为你多次加载相同的插件，从你的内容中删除以下脚本，它应该工作正常：

删除

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

带下拉的Bootstrap药丸不起作用

1 个答案: