Twitter的引导提示的方向不工作？(Twitter bootstrap tooltip dire

我发现我的Twitter的引导提示不尊重data-position 。

所以，我领导交给的Twitter的引导提示演示 ，特别是“关于X工具提示”的例子看，这是我所得到的：

它看起来像有是方向不支持？

但是，在popovers，该工具提示继承（或者可能是周围的其他方法？）工作：

浏览器尝试：

在Ubuntu 12.10的Chromium 24.0
火狐19.0在Ubuntu 12.10

这是应该报告，还是其他什么东西会在这里的错误吗？

Answer 1:

的jsfiddle 的jsfiddle与提示工作

它不是一个错误，但我们需要对它们进行初始化。
重要的引导网站状态“出于性能方面的原因，提示和酥料饼的数据API是选择加入，这意味着你必须自己初始化它们。” 引导网站工具提示部分

<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:

我发现与引导初始化工具提示的最简单方法是，以满足他们的代码，以便您的任何提示的正常工作。

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

或者您也可以此行实际上添加到您的引导，tooltip.js文件的末尾

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

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

我基本上是在计划如果我要使用的工具提示代码的话，我还不如它默认情况下启用。 于是，我把这个在我的引导，tooltip.js文件。

Answer 3:

我认为这是一个错误。 从http://twitter.github.com/bootstrap/assets/js/application.js你可以看到演示被称为与“选择”选项。

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

但在“显示”功能的自举tooltip.js处理“位置”时，将不检查“选择”选项。 因此，错误发生。

    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

文章来源: Twitter bootstrap tooltip directions not working?