Добавить флажки в выпадающем списке twitter bootstrap

Я использую twitter bootstrap для моего проекта.

Я хочу добавить флажки в раскрывающемся списке, что-то похожее на http://jsfiddle.net/qG7c4/

Файл: bootstrap-dropdown.js

Пример: http://twitter.github.com/bootstrap/javascript.html#dropdowns

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

Какие изменения мне нужно сделать в javascript для этого?

Ответ 1

Попробуйте остановить распространение события click на ваших элементах ввода следующим образом:

$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
    e.stopPropagation();
});

Демо