Блог

Главная - Вопросы по программированию - отладка выпадающего списка второго щелчка — переключения

отладка выпадающего списка второго щелчка — переключения

#angularjs #twitter-bootstrap-3

#angularjs #twitter-bootstrap-3

Вопрос:

функции переключения срабатывают только при втором щелчке. Некоторое время назад у меня была эта проблема с библиотекой datetimepicker. Теперь проблема существует с начальной загрузкой.

Вот мой нефритовый код:

 ul.nav.navbar-nav.navbar-right
   li.dropdown
      a(href="#", class="dropdown-toggle", data-toggle="dropdown") Einstellungen 
    b.caret
      ul.dropdown-menu
         li
            a(href="#") test

Выпадающий список переключается только со вторым щелчком мыши. И не знаю, где я должен искать, чтобы найти ошибку. Может быть, есть код для определения того, что произошло с моим первым щелчком?

Когда пользователь использует css для сворачивания на hower, он работает нормально, при первом наведении : (

 ul.nav li.dropdown:hover ul.dropdown-menu{
   display: block;
   margin-top:0px
}

Проект слишком большой, чтобы опубликовать его на скрипке: (

Я надеюсь, что вы можете дать мне несколько советов.

Спасибо!

Комментарии:

1. У меня возникла эта проблема после того, как я включил angular-ui-bootstrap в приложение. Решил это, используя ответ markthethomas.

Ответ №1:

Одним из вариантов может быть использование маршрута angular-ui-bootstrap вместо того, чтобы пытаться заставить ванильный загрузочный javascript работать с вашим приложением angular. Ниже приведена ссылка на сайт angular-ui-bootstrap; попробуйте реализовать одну из собственных директив angular для выпадающего списка и посмотрите, сработает ли это.

http://angular-ui.github.io/bootstrap/

Кроме того, трудно помочь, если мы не можем воссоздать вашу проблему. Можете ли вы попробовать воссоздать уменьшенную версию проблемы в codepen или jsfiddle?

Комментарии:

1. Я попробую. большое вам спасибо! проблема в том, что когда я воссоздаю его, он работает: D Поэтому я думаю, что это проблема с некоторыми зависимостями: (Может ли это быть решением для отслеживания события щелчка?

2. рад, что теперь это работает; все библиотеки angular-ui написаны с гораздо более встроенным управлением, поэтому, даже если вы можете «перехватить» событие без них, они, вероятно, дадут вам гораздо больше контроля. Дайте мне знать, если у вас есть какие-либо вопросы по его реализации

3. ты мой герой … я уже использовал ui.bootstrap … но не удалил bootsrap.js . Я никогда не думал об этом! Так что большое вам спасибо! Мне тоже не нужен jQuery?

4. Нет проблем! Рад, что вы разобрались. Начиная с текущей версии, Bootstrap зависит от jquery 1.9, поскольку это минимальная зависимость. Вот ссылка на bower.json файл для загрузочного репозитория: raw.githubusercontent.com/twbs/bootstrap/v3.1.1/bower.json

Метки: