使用twitter-bootstrap下拉菜單作爲容器

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，然後更改選擇並刪除不需要的功能可以是一種選擇。我看了一下https://github.com/twitter/bootstrap/blob/master/js/bootstrap-dropdown.js，但我無法確切地確定具體功能的位置。幫助將受到關注。

Answer 1

在HTML中，添加一個id爲<ul>

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

添加一個處理程序，防止dropdownmenu從響應點擊

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

你現在可以點擊和編輯的文本區域。