Question

我正在使用rails 3.2 app中的bootstrap。我在Gemfile中包含了以下内容

gem 'bootstrap-sass', '~> 3.1.1'

以及资产中的以下内容

资产/ Javascript角/ appliication.js

//= require bootstrap

我的HTML

<input class="btn add-tooltip" title="this is my tooltip" data-placement='bottom' value="myButton" />

<script type="text/javascript">
 $(document).ready(function(){
        $('.add-tooltip').tooltip();
     }
</script>

目前，我的工具提示不会像引导文档或此示例那样显示为标准弹出窗口 http://jsfiddle.net/KyleMit/vcr9J/

它现在在黄色弹出窗口显示延迟。但是，我希望它作为标准默认值作为上面的链接。我错过了一些css内含物吗？我还需要做些什么来使工具提示工作？

Answer 1

提供的JavaScript代码缺少结束括号，应该像这样添加：

<script type="text/javascript">
    $(document).ready(function()
    {
        $('.add-tooltip').tooltip();
    });
</script>

添加之后，将您的代码片段并将其粘贴到JSBin以及对jQuery和Bootstrip的引用可以提供预期的内容，使用默认的黑色Bootstrap工具提示： http://jsbin.com/danilodo/1/

如果您看到不同的颜色工具提示，那么您不会与我们分享的其他内容会覆盖样式。

为什么bootstrap工具提示无法正常工作？

1 个答案: