Неработающие подсказки подсказки для бутстрапа Twitter?

Я заметил, что мои всплывающие подсказки для twitter не соблюдали data-position.

Итак, я направился к демонстрации Twitter Bootstrap, особенно глядя на примеры "Tooltip on X", и это то, что я get:

Похоже, нет поддержки для направления?

Но, popovers, на которые наследуются подсказки (или, возможно, наоборот)?

Браузеры попытались:

Chromium 24.0 на Ubuntu 12.10
Firefox 19.0 на Ubuntu 12.10

Это ошибка, о которой следует сообщить, или что-то еще происходит здесь?

Ответ 1

Jsfiddle Jsfiddle с помощью всплывающей подсказки

Это не ошибка, но нам нужно их инициализировать.
Важный Сайт сайта Bootstrap: "По соображениям производительности всплывающая подсказка и popping data-apis выбирают, то есть вы должны инициализировать их самостоятельно". Раздел подсказки Bootstrap

<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();

Ответ 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.

Ответ 3

Я думаю, что это ошибка. Из http://twitter.github.com/bootstrap/assets/js/application.js вы можете увидеть, что демо вызывается с опцией "selector".

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

Но функция 'show' в bootstrap-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