工具提示不適用於文本區域引導程序

Question

我有一個bootstrap 3表單，可以通過腳本在其中應用tootip。 toottip在輸入框上工作正常，但在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"
});

它在輸入文本上效果很好，但在textarea上效果不佳。

Answer 1

您的選擇器將其更改為此錯誤：

$('textarea[name=Content]')

的jsfiddle