Rozbaľovacie menu Bootstrap zostáva otvorené typu - twitter-bootstrap

Mám rozbaľovaciu ponuku bootstrap takto:

<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>

Rozbaľovacia funkcia funguje dobre, ale kedykoľvek sa pokúsim niečo zadať do vstupného poľa, ponuka sa zatvorí.

Existuje spôsob, ako ho donútiť otvoriť, keď je v rozbaľovacej ponuke (napríklad v vstupnom poli)?

Vďaka!

odpovede:

Po kliknutí na vstupné textové pole musíte zabrániť rozbaľovacej udalosti. Môžete to dosiahnuť pomocou jQuery. stopPropagation

Práca na husle

v input pridať triedu dropdown-input

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

a pridajte tento skript, aby ste zabránili prípadu zatvoriť rozbaľovaciu ponuku, keď napíšete / kliknete na textové pole

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