Предотвращение закрытия раскрывающегося меню при внутренних кликах

Чтобы предотвратить закрытие раскрывающихся меню Twitter Bootstrap при нажатии на внутренний элемент, решение, которое обходит требуется делегированная обработка событий щелчка. Вот подробное объяснение и предлагаемое решение:

По умолчанию раскрывающиеся меню Twitter Bootstrap закрываются при любом щелчке мыши, даже внутри самого меню. Чтобы преодолеть это поведение, один из распространенных подходов заключается в прикреплении обработчика событий щелчка к раскрывающемуся меню и вызове event.stopPropagation() для предотвращения распространения событий.

Однако для настроек, в которых используются такие компоненты, как элементы управления каруселью, делегированное событие механизм обработки Twitter Bootstrap может помешать запланированному поведению. В таких случаях нажатие на эти элементы управления может не вызвать ожидаемое действие из-за того, что событие не достигает делегированных обработчиков событий. контроль над содержимым раскрывающегося списка.

Эффективным решением является использование делегирования событий в элементе-контейнере, в котором находится раскрывающееся меню. Вот пример:

$(document).on('click', 'someyourContainer .dropdown-menu', function (e) {
  e.stopPropagation();
});