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 に答える