2

我正在尝试使用 Bootstrap 中的下拉 UI 元素设置 Pill，当我单击插入符号时它没有显示下拉菜单。我查看了 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>

任何帮助，将不胜感激

4

1 回答 1

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因此您无需再次加载单个脚本文件。

保持

  <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>
于 2012-04-16T15:04:45.643 回答