BootStrap3 сохраняет раскрывающееся меню после нажатия на элемент

Я использую bootstrap3.0, с его отличным раскрывающимся меню.

Если я выхожу из раскрывающегося меню, меню исчезнет, ​​и это совершенно верно.

но когда я нажимаю на элемент раскрывающегося меню, он также исчезнет. это не так, я думаю, и нет никаких вариантов, которые могут контролировать его поведение. (Мне нужно, чтобы меню открывалось, когда я нажимаю на элементы, например меню уведомлений facebook)

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

спасибо за любую идею.

Вот один из способов сохранить раскрывающийся список после щелчка …

$('#myDropdown').on('hide.bs.dropdown', function () { return false; }); 

Демо: http://www.bootply.com/116350

Другой вариант – обработать событие click, как это.

 $('#myDropdown .dropdown-menu').on({ "click":function(e){ e.stopPropagation(); } }); 

Демо: http://www.bootply.com/116581

Принятый ответ очень полезен. Я хочу представить другую перспективу – когда раскрывающееся меню должно оставаться открытым, когда нажимают только определенные элементы.

 // A utility for keeping a Bootstrap drop down menu open after a link is // clicked // // Usage: // //  $(".dropdown .dropdown-menu a").on("click", function(e) { var keepMenuOpen = $(this).data("keep-menu-open"), $dropdown = $(this).parents(".dropdown"); $dropdown.data("keep-menu-open", keepMenuOpen); }); $(".dropdown").on("hide.bs.dropdown", function(e) { var keepMenuOpen = $(this).data("keep-menu-open"); $(this).removeData("keep-menu-open"); return keepMenuOpen !== true; }); 

В ванильном JS

 document.getElementById('myDropdown').addEventListener('click', function (event) { event.stopPropagation(); }); 
  • Как сделать раскрывающееся меню Twitter Bootstrap, а не щелчком
  • Селен WebDriver и DropDown Boxes
  • Поддержка optgroup в выпадающем списке .NET MVC?
  • Сохранять раскрывающееся окно Bootstrap при нажатии
  • twitter bootstrap - выпадение нескольких столбцов
  • Html.EnumDropdownListFor: отображение текста по умолчанию
  • Заполнение выпадающего списка HTML в JSP со значениями, полученными из базы данных в Servlet
  • Asp.net - Добавить пустой элемент в верхней части раскрывающегося списка
  • Элемент управления Dropdownlist с помощью s для asp.net (webforms)?
  • Как заполнить выпадающий список json-данными в jquery?
  • Как сохранить пробелы в DropDownList - представления ASP.NET MVC Razor
  • Interesting Posts

    Powershell send-mailmessage – электронная почта для нескольких получателей

    Непризнанное сообщение SSL, соединение с открытым текстом? исключение

    Как получить данные об авариях из моего приложения Android?

    как установить несколько аварийных сигналов с помощью диспетчера аварийных сигналов Android

    Настройки тайм-аута HttpURLConnection

    Используйте Picasso для получения обратного вызова с помощью Bitmap

    Как указать различные макеты в файле ViewStart бритвы ASP.NET MVC 3?

    Приложение C # как GUI, так и командная строка

    Как вы вычисляете день года на определенную дату в Objective-C?

    Ошибка аутентификации Salesforce

    Настройка профилей процессов на ubuntu

    Каков наименее инвазивный способ чтения заблокированного файла на C # (возможно, в небезопасном режиме)?

    Трекпадный жест для переключения на заголовок / источник

    Совместное использование предварительно скомпилированных заголовков между проектами в Visual Studio

    Что делает звезда WPF (Width = “100 *”)

    Давайте будем гением компьютера.