jquery - Twitter Bootstrap ツールチップを配置できません

Question

http://jsbin.com/ocufez/1/editを参照

$('div').tooltip
  placement: 'right'

これは、div の右側にツールチップを配置していません。

ツールチップを配置するにはどうすればよいですか?

注：run with JSJSBinの最後のdivをクリックしてホバーする必要があります

Answer 1

jQueryUI - jquery-ui.min.jsは両方とも.tooltip()があるため、 bootstrap.jsと競合していると思います。jQueryUI を削除すると、右側に Bootstrap ツールチップが表示されます。

または、bootstrap.js の前に jquery-ui.min.js を配置できます...

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>

Answer 2

要素を追加してみてください：

data-toggle="tooltip" data-placement="right" title="" data-original-title="Tooltip on right"

http://twitter.github.io/bootstrap/javascript.html#tooltips にあります