12

Twitter のブートストラップ ツールチップが を尊重していないことに気付きましたdata-position。

それで、私はTwitter Bootstrap tooltips demoに向かい、特に "Tooltip on X" の例を見て、これが得られたものです:

方向サポートなし?

方向のサポートがないように見えますか？

ただし、ツールチップが継承するポップオーバー (またはその逆の可能性がありますか?) は機能します。
方向サポート？

試したブラウザ:

Ubuntu 12.10 上の Chromium 24.0 Ubuntu 12.10
上の Firefox 19.0

これは報告すべきバグですか、それともここで何か他のことが起こっていますか?

4

3 に答える 3

23

Jsfiddleツールチップが機能する Jsfiddle

バグではありませんが、初期化する必要があります。
Bootstrapの Web サイトには、「パフォーマンス上の理由から、ツールチップとポップオーバー データ API はオプトインされています。つまり、自分で初期化する必要があります」と記載されています。Bootstrap Web サイト ツールチップ セクション

<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();
于 2013-02-22T12:40:40.677 に答える
7

バグだと思います。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

于 2013-02-22T13:15:14.790 に答える