Question

当“点击它”时，是否可以防止下拉菜单消失。尝试使用下拉列表作为textarea的容器。

e.g

<div class="row-fluid">
    <div class="span12">
        <div class="btn-group">
            <a class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">
                <strong id="revolver">
                    <i class="icon-envelope"></i>&nbsp
                    <span class="caret"></span>
                </strong>
            </a>
            <ul class="dropdown-menu">
                <div class="row-fluid send-message-textarea">
                    <div class="span12">
                        <textarea></textarea>
                        <br>
                        <button class="btn btn-mini"><strong>Send</strong></button>
                    </div>
                </div>
            </ul>
        </div>
    </div>
</div>

编辑：

我想在bootstrap.js中的dropdown函数的复制粘贴，然后更改选择器并删除不需要的功能可能是一个选项。我看了https://github.com/twitter/bootstrap/blob/master/js/bootstrap-dropdown.js，但我无法确切地指出具体功能的确切位置。帮助将被批准。

Answer 1

在HTML中，为<ul>

添加ID

<ul class="dropdown-menu" id="test">

添加一个处理程序，阻止dropdownmenu响应click

$(document).ready(function() {
    $("#test").click(function(e) {
       e.stopPropagation();
    });
});

您现在可以在textarea中单击并编辑。

使用twitter-bootstrap下拉菜单作为容器

1 个答案: