相关疑难解决方法(0)

如果下拉列表可见,我在下拉列表外单击它将关闭.我需要它不要关闭.

从文档:

打开时,插件还会添加.dropdown-backdrop作为单击区域,用于在菜单外单击时关闭下拉菜单.

我可以添加哪些JavaScript来防止关闭下拉？

我想知道如何创建一个Twitter Bootstrap navbar来折叠该菜单中的项目,一旦调整浏览器窗口大小,一次一个或两个项目.

我见过的大多数导航栏都将整个导航栏折叠成一个下拉列表; 当窗口调整大小时,基本上隐藏了导航栏上的所有内容.但我需要它仍然显示一些菜单项; 所以部分崩溃.

这是我的意思的一个例子(下面的菜单):

主页| 关于| 服务| 订单| 联系

当浏览器窗口从右侧调整大小时,我想要它做的是将最后一个菜单项(或两个)放入下拉列表中,然后它看起来像这样:

主页| 关于| 服务| 更多

                    -> Order
                    -> Contact

"更多"需要自动创建为下拉菜单,并自动在该下拉菜单中列出"订单"和"联系"菜单项.随着窗口变小,该导航栏中的更多项目将添加到该下拉菜单中.当浏览器窗口调整为全屏宽度时,导航栏将恢复正常.这就是我们所需要的.

在我看过的很多链接中,这里有几个我发现的链接(不会将整个导航栏敲入一个下拉菜单)但仍然像所有其他链接一样,它没有按照我的描述进行操作:

1. http://jsfiddle.net/caio/gvw7j/embedded/result/
2. Twitter Bootstrap多级下拉菜单

使用上面的任何例子,达到我需要的最佳方法是什么？

是否可以使用Bootstrap进行多级下拉？

所以这将是结构:

下拉   菜单:
  - 第一个选项
  - 第二个选项
- 此
      选项中的另一个下拉菜单
      - 第二个下拉菜单的第一个选项- 第二个下拉菜单的第二个选项
  - 第一个下拉菜单的第三个选项

这可能吗？

我在我的网页上添加了两个下拉框,如下所示,但我想让它们级联,然后将下拉按钮的值传递给一个函数.

<div class="btn-group">
   <button data-toggle="dropdown" class="btn btn-success dropdown-toggle">Success <span class="caret"></span></button>
      <ul class="dropdown-menu">
         <li><a href="#" onClick="return false;">Action</a></li>
         <li><a href="#" onClick="return false;">Another action</a></li>
         <li><a href="#" onClick="return false;">Something else here</a></li>
         <li class="divider"></li>
         <li><a href="#" onClick="return false;">Separated link</a></li>
      </ul>
</div><!-- /btn-group -->
<div class="btn-group">
   <button data-toggle="dropdown" class="btn btn-info dropdown-toggle">Info <span class="caret"></span></button>
      <ul class="dropdown-menu">
         <li><a href="#" onClick="return false;">Action</a></li>
         <li><a href="#" onClick="return false;">Another action</a></li>
         <li><a href="#" onClick="return false;">Something else here</a></li>
         <li class="divider"></li>
         <li><a href="#" onClick="return false;">Separated link</a></li>
      </ul>
</div><!-- /btn-group -->