Bootstrap Drupal 中的工具提示

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 bootstrap use/support。此外，如果您注意到您的浏览器控制台，就会发现以下错误，这些错误 crystal 清楚地解释了问题。

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 的最新版本，截至 02/24/2016 当前最新版本是 v2.2.1 并参考它而不是 v1.4.4 这将解决上述问题。

Bootstrap Drupal 中的工具提示

Bootstrap tooltips in Drupal

drupal

twitter-bootstrap