Question

如果单击内部链接，如何阻止Bootstrap中的下拉菜单类关闭？

我希望用户选择其中一个“访客类型”，并且还可以在不关闭下拉菜单的情况下选择选择字段中的一个选项。

＆安培; “开始”按钮将关闭菜单。

<ul class="dropdown-menu">
   <li><a href="#" class="type-of-visitors">Total visitors</a></li>
   <li><a href="#" class="type-of-visitors">Paid visitors</a></li>
   <li><a href="#" class="type-of-visitors">Social media</a></li>
   <li>Compare data 
    <select>
     <option>Last month</option>
     <option>Last week</option>
     <option>Last 3 months</option>
    </select>
   </li>
  <li>
    <a href="#" class="btn btn-success">Go</a>
  </li>
</ul>

以下是jsfiddle：http://jsfiddle.net/stan255/cU6Y5/

Answer 1

有一个类似的问题发布了，答案应该足够了

＆＃34;问题是当你点击其他地方时，boostrap下拉jQuery插件关闭了下拉菜单。您可以通过捕获下拉菜单元素上的单击事件并防止它到达body元素上的click事件侦听器来禁用该行为。＆＃34;

添加

$('.dropdown-menu').click(function(event){
     event.stopPropagation();
 });

如何防止Bootstrap中的下拉菜单关闭onclick

1 个答案: