ruby-on-rails - Twitter Bootstrap 工具提示不起作用？

Question

我认为这很简单，但有些问题。我使用的唯一 Bootstrap gem 是简单的形式 one。

我有以下html：

应用程序/视图/用户/new.html.erb

<div id="hint">hint</div>

然后在我的javascript application.js文件中，我有：

//= require jquery
//= require jquery_ujs
//= require bootstrap.min.js
//= require_self
//= require_tree .
//= require_tree ../../../vendor/assets/javascripts/.

$("#hint").popover({
    title: 'A title!',
    content: 'Some content!'
})

在Twitter Bootstrap Tooltip Instructions中，它说只是把这个：

$('#example').tooltip(options)

但我什么也得不到。我该如何使用它？

---

回答

我必须这样做才能让它工作：

<div id="hint">
  <a href="#" rel="tooltip" title="some content">hint</a>
</div>

jQuery( function($) {
    $("#hint a").tooltip()
});

Answer 1

我曾经遇到过同样的问题，发现如果我将我的$(example).tooltip()语句从 .js 文件的底部移到顶部，它就开始工作了。我从来没有弄清楚文件中的 JavaScript 是什么导致工具提示不起作用。

BTW, I am confused. Are you doing a tooltip or a popover? If it is a tooltip, you should have a link element, like this

<div id="hint"><a href="#" rel="tooltip" title="some content">hint</a></div>

in your HTML and then

$("#hint a").tooltip()

in your JavaScript.