O componente dropdown do bootstrap tem eventos para manipular todas as interações.
show.bs.dropdown->This event fires immediately when the show instance method is called.
shown.bs.dropdown->This event is fired when the dropdown has been made visible to the user (will wait for CSS transitions, to complete).
hide.bs.dropdown->This event is fired immediately when the hide instance method has been called.
hidden.bs.dropdown->This event is fired when the dropdown has finished being hidden from the user (will wait for CSS transitions, to complete).
Fonte.:http://getbootstrap.com/javascript/#dropdowns
Pode usar este codigo.:
$('.dropdown.keep-open').on({
"shown.bs.dropdown": function() { this.closable = false; },
"click": function() { this.closable = true; },
"hide.bs.dropdown": function() { return this.closable; }
});
Fonte.:https://stackoverflow.com/questions/19740121/keep-bootstrap-dropdown-open-when-clicked-off
Entretanto ao fazer testes verifiquei que se abrirmos um segundo menu o 1º fica aberto.
Se não for o objetivo pode colocar este codigo.:
$('.dropdown').on({
"show.bs.dropdown": function() {
$('.dropdown.open').removeClass('open');
},
"shown.bs.dropdown": function() {
this.closable = false;
},
"click":function() {
this.closable = true;
},
"hide.bs.dropdown": function() {
return this.closable;
}
});
Exemplo.:
http://jsfiddle.net/q6jGr/180/