Bootstrap下拉菜单保持打开状态

Question

所以，我有一个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>

下拉功能正常，但每当我尝试在输入字段上输入内容时，菜单就会关闭。

有没有办法强制它在下拉菜单中打开（例如输入字段）？

谢谢！

Answer 1

单击输入文本框时，您需要阻止下拉事件。您可以使用jQuery来实现此目的。 stopPropagation

Working Fiddle

在input添加课程dropdown-input

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

并添加此脚本以防止事件在键入/单击文本框

时关闭下拉列表

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