3

是否可以防止下拉菜单在“单击”时消失。尝试使用下拉菜单作为文本区域的容器。

例如

<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 中复制粘贴下拉功能,然后更改选择器并删除不需要的功能可能是一种选择。我查看了https://github.com/twitter/bootstrap/blob/master/js/bootstrap-dropdown.js但我无法准确指出具体功能所在的位置。会得到帮助。

4

1 回答 1

4

在您的 HTML 中,将 id 添加到<ul>

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

添加一个防止下拉菜单响应点击的处理程序

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

您现在可以在文本区域中单击和编辑。

于 2012-11-01T14:26:42.747 回答