텍스트 영역 부트 스트랩에서 툴팁이 작동하지 않습니다.

Question

스크립트를 통해 tootip을 적용하는 부트 스트랩 3 양식이 있습니다. toiptip은 입력 상자에서 제대로 작동하지만 textarea에서는 작동하지 않습니다.

<div class="control-group"> 
       <label class="control-label" for="firstname">Message Subject : </label> 
      <div class="controls"> 
       <input type="text" class="form-control" 
       placeholder="Subject" id="name" name="Subject" maxlength="70" minlength="10" required 
       data-validation-required-message="Please enter subject" aria-describedby="sizing-addon3" data-toggle="tooltip" title="Input Message Subject between 10 to 80" /> 
       <p class="help-block"></p> 
      </div> 
      </div> 


      <div class="control-group"> 
      <div class="controls"> 
       <label class="control-label" for="content" >Message Content : </label> 
       <textarea rows="10" cols="100" class="form-control" 
       placeholder="Message" id="message" name="Content" required 
       data-validation-required-message="Please enter your message" minlength="5" 
       data-validation-minlength-message="Min 5 characters" 
       maxlength="999" style="resize:none" data-toggle="tooltip" title="Input Message Subject between 50 to 500"></textarea> 
      </div> 
      </div> 

하고 스크립트가 같이가는이

$('a').tooltip({placement: "top"}); 

    $('input[type=text][name=Subject]').tooltip({ 
    placement: "right", 
    trigger: "focus" 
}); 

$('input[type=textarea][name=Content]').tooltip({ 
    placement: "right", 
    trigger: "focus" 
}); 

이

Answer 1

당신의 선택이 잘못 변경을 것입니다 .. 입력 텍스트가 아닌 텍스트 영역에서 잘 작동 :

$('textarea[name=Content]') 

JsFiddle