jquery - 无法放置 Twitter 引导工具提示

Question

见http://jsbin.com/ocufez/1/edit

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

这不是将工具提示放在 div 的右侧。

如何放置工具提示？

注意：您必须run with JS在 JSBin 中单击并悬停最后一个 div

Answer 1

我认为 jQueryUI - jquery-ui.min.js与bootstrap.js冲突，因为它们都有.tooltip()如果删除 jQueryUI，你会在右侧看到 Bootstrap 工具提示。

或者您可以将 jquery-ui.min.js 放在 bootstrap.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中找到