Падащото меню "Bootstrap" остава отворено за тип - twitter-bootstrap

Така че имам падащо меню за първоначално зареждане, както следва:

<div class="dropdown">
<button type="button" data-toggle="dropdown" id="more" class="button_icon">More</button>
<ul class="dropdown-menu role="menu" aria-labelledby="more">
<li>
<input class="btn-block"/>
</li>
</ul>
</div>

Функцията падащо меню работи добре, но когато се опитам да напиша нещо в полето за въвеждане, менюто се затваря.

Има ли начин да го принудите да отвори, докато е в падащото меню (като полето за въвеждане)?

Благодаря!

Отговори:

Трябва да предотвратите падащото събитие, когато кликнете върху текстовото поле за въвеждане. Можете да постигнете това, като използвате jQuery. stopPropagation

Работници

в input добави клас dropdown-input

<input type="text" class="btn-block dropdown-input"/>

и добавете този скрипт, за да предотвратите затварянето на падащото меню, когато въведете / кликнете върху текстовото поле

$(".dropdown-input").click(function(e) {
e.stopPropagation();
});