twitter-bootstrap 드롭 다운 메뉴를 컨테이너로 사용

Question

"클릭하면"드롭 다운 메뉴가 사라지는 것을 방지 할 수 있습니까? 텍스트 영역의 컨테이너로 드롭 다운을 사용하려고합니다.

예컨대

<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을 살펴 봤지만 특정 기능이 어디에 있는지 정확하게 지적하지 못했습니다. 도움이 appritiated 것입니다. 당신의 HTML에서

Answer 1

는 텍스트 영역에서 지금 클릭 할 수 있습니다

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

클릭에 응답에서 dropdownmenu을 방지하는 핸들러를 추가하고 편집 <ul>

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

에 ID를 추가 .