Выпадающее меню Navbar двойным щелчком.
Используемая версия следующая.
· AngularJS 1.2.16
· Bootstrap3.1.1
· AngularUI Bootstratp 0.11.0
var myApp = angular.module('app', ['ngRoute', 'ui.bootstrap']);
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">menu</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="userMenu">
<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#" class="">one</a></li>
<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#" class="">two</a></li>
<li role="presentation" class="disabled"><a role="menuitem" tabindex="-1" href="#" class="">three</a></li>
</ul>
</li>
Если он выполняется, дважды щелкните дважды кнопку "Вниз".
(Если это меню с двойным щелчком, один, два и три не отображаются.)
Затем, опустив версию script, которая была использована, она смогла использовать удовлетворительно.
· 3.1.0 bootstrap.min.js
· 0.10.0 ui-bootstrap-tpls.min.js
Я хочу, чтобы вы научили, как это сделать, он может отображаться одним щелчком мыши.
Ответы
Ответ 1
Короткий ответ:
Вы не должны использовать bootstrap.js с библиотекой angular -ui-bootstrap.js. Обе библиотеки работают для отображения/скрытия раскрывающегося списка событий click.
Длинный ответ:
В раскрывающемся меню класса атрибут отображения отсутствует. Библиотека boostrap.js присоединяет событие click к элементам с атрибутом data-toggle = "dropdown". Затем событие click проверяет, имеет ли родительский элемент открытый класс. Если открытый класс существует, удалите его, иначе добавьте открытый класс. Класс "open" устанавливает атрибут display css для блокировки дочерних элементов с классом выпадающего меню, таким образом переопределяя исходное значение none.
Библиотека angular -ui-bootstrap.js также добавляет/удаляет открытый класс в событии переключения. Таким образом, одна библиотека добавляет открытый класс, другая библиотека быстро удаляет ее, что приводит к тому, что атрибут исходного CSS-атрибута отсутствует в раскрывающемся меню.
