Twitter Bootstrap 工具提示不起作用？

Question

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

我有以下html：

app/views/users/new.html.erb

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

然后在我的 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 是什么导致工具提示不起作用。

顺便说一句，我很困惑。你是在做工具提示还是弹出窗口？如果它是一个工具提示，你应该有一个链接元素，像这样

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

在您的 HTML 中，然后

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

在你的 JavaScript 中。