如何使用javascript设置/激活bootstrap工具提示？

Question

我很沮丧，我无法解决这个简单的问题。 如何编程设置/激活bootstrap工具提示？

例如，我们在页面： http://getbootstrap.com/2.3.2/javascript.html#tooltips 然后打开Chrome控制台，让工具提示在左上角的“主页”链接上即时工作。

var home = $($('.navbar li a')[0]);// select that home link
home.tooltip({title:'wthhhh'}); // set the default title
home.tooltip('show');

步骤3没有显示工具提示。

有任何帮助吗？

编辑：我知道bootstrap有一个重大更新，但我相信这是无关紧要的。工具提示似乎没有变化。

Answer 1

默认情况下，bootstrap的工具提示位于元素的顶部，因为您选择了顶部导航栏，它出现在屏幕外 - 您无法真正看到它，但它就在那里。

如果您将工具提示展示位置从top（默认）更改为bottom，您将能够正确看到它：

var home = $($('.navbar li a')[0]);
home.tooltip({title: 'wthhhh', placement: 'bottom'})
home.tooltip('show');