Twitter引导工具提示指示不起作用？

Question

我注意到我的twitter bootstrap工具提示不尊重data-position。

所以，我走向Twitter Bootstrap tooltips demo，专门看一下“X上的工具提示”示例，这就是我得到的：

看起来似乎没有对方向的支持？

但是，工具提示继承的弹出窗口（或者可能是相反的方式？）工作：

浏览器尝试过：

Ubuntu 12.10上的Chromium 24.0
Ubuntu 12.10上的Firefox 19.0

这是一个应该报告的错误，还是其他发生的事情？

Answer 1

Jsfiddle Jsfiddle with tooltip working

它不是一个错误，但我们需要初始化它们 重要 Bootstrap网站声明“出于性能原因，工具提示和popover数据apis是选择加入的，这意味着您必须自己初始化它们。” Bootstrap website Tooltip section

<div class="navbar tooltip-demo">
        <ul class="nav">
          <li><a class="top" title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Tooltip on top">Tooltip on top</a></li>
          <li><a class="right" title="" data-placement="right" data-toggle="tooltip" href="#" data-original-title="Tooltip on right">Tooltip on right</a></li>
          <li><a class="bottom" title="" data-placement="bottom" data-toggle="tooltip" href="#" data-original-title="Tooltip on bottom">Tooltip on bottom</a></li>
          <li><a class="left" title="" data-placement="left" data-toggle="tooltip" href="#" data-original-title="Tooltip on left">Tooltip on left</a></li>
        </ul>
      </div>

要使用的javascript，您必须初始化

$('a').tooltip();

Answer 2

我发现使用Bootstrap初始化工具提示的最简单方法是匹配他们的代码，以便您的任何工具提示都能正常工作。

$(function () {
    $("[data-toggle='tooltip']").tooltip();
});

或者您可以将此行添加到bootstrap-tooltip.js文件的最末端

}(window.jQuery);  //<-- last line of bootstrap-tooltip.js

$("[data-toggle='tooltip']").tooltip();

我基本上计划如果我要使用工具提示代码，那么我可能默认启用它。所以，我把它放在我的bootstrap-tooltip.js文件中。

Answer 3

我认为这是一个错误。来自http://twitter.github.com/bootstrap/assets/js/application.js 您可以看到使用'selector'选项调用演示。

$('.tooltip-demo').tooltip({
  selector: "a[data-toggle=tooltip]"
});

但是bootstrap-tooltip.js中的'show'功能在处理'placement'时不会检查'selector'选项。因此发生了错误。

    placement = typeof this.options.placement == 'function' ?
      this.options.placement.call(this, $tip[0], this.$element[0]) :
      this.options.placement

演示此错误：http://jsfiddle.net/indream/xFC7G/
相关的github问题：https://github.com/twitter/bootstrap/issues/6832