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

您已将{{1>} 过时包含在 twitter bootstrap 不使用/支持的方式中。此外，如果你注意到你的浏览器控制台，你会发现下面的错误，这很清楚地解释了这个问题。

的 jquery version - v1.4.4

接着是



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


和



的 Uncaught TypeError: $ is not a function


从{em> Uncaught TypeError: $(...).on is not a function 下载最新版本的jquery.js，当前最新版本为v2.2.1，并引用它而不是02/24/2016来修复以上问题。

Drupal中的Bootstrap工具提示

1 个答案: