在Bootstrap的下拉菜单中多余分隔文本

时间:2015-11-10 13:51:48

标签: javascript jquery html css twitter-bootstrap

下午好,下面的一个问题,使用Bootstrap做了一个下拉菜单,当点击菜单时选择了Tex和下拉菜单,并且关闭了一个问题,以防万一重复点击分离菜单不会消失(如截图) screenshot

因为某种原因点击了class = active但是js中的任何地方都没有添加。这是我的代码:

<div id = "divAddRightUsers">
  <label for="recipient-name" class="col-xs-6 col-sm-7">one:</label>
  <div class = "btn-group">
  <button type="button"  class="btn btn-default dropdown-toggle" data-toggle="dropdown" id = "accOOH" aria-haspopup="true" aria-expanded="false">
                                    Тип<span class="caret"></span>
                                </button>
  <ul class="dropdown-menu">
   <li><a href="#" id = "accOOHIsNoAccess" >Нет доступа</a></li>
   <li><a href="#" id = "accOOHReadings" >Только чтение</a></li>
   <li><a href="#" id = "accOOHEdition">Редактирование</a></li>
   <li><a href="#" id = "accOOHExpandedAccess">Расширенный доступ</a></li>
  </ul>
 </div>

我应对它:

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    color: #151111;
    text-decoration: none;
    background-color: #F9F9F9;
    outline: 0px none;
    }

但是最好知道在关闭菜单时添加的原因和删除的原因是什么?当检查所有js代码清理时,它绝对没有罪。

P.S语法错误的借口和另一个,我非常了解英语。

0 个答案:

没有答案