Drupal中的Bootstrap工具提示

Question

Drupal 7，Bootstrap主題。 工具提示不起作用。

• 工具提示和智能的形式描述在主題設置中啓用
• HTML似乎確定
• 工具提示應該有額外的JS

HTML

<input tabindex="2" class="form-control form-text" title="Enter something or leave blank 
for random" data-toggle="tooltip" type="text" id="edit-short-url" name="short_url" value="" 
size="6" maxlength="128" /> 

JS被激活

<script> 
    $(document).ready(function() { 
     $("body").tooltip({ selector: '[data-toggle=tooltip]' }); 
    }); 
</script> 

See the page here

我在做什麼錯？

Answer 1

您已經包括jquery version - v1.4.4這是過時其中Twitter的引導不使用/支持的一種方式。同樣，如果你會注意到你的瀏覽器控制檯，你會發現以下錯誤，這很清楚地解釋了這個問題。

• Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher

隨後

• Uncaught TypeError: $ is not a function

和

• Uncaught TypeError: $(...).on is not a function

下載的jquery.js的最新版本，目前的最新是v2.2.1截至02/24/2016並參考它而不是v1.4.4這將解決上述問題。