Question

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

我有以下html：

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

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

然后在我的 application.js 文件中找到javascript：

//= 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)

但我没有得到任何东西。我该如何使用？

ANSWER

我必须这样才能让它发挥作用：

<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中。

Twitter Bootstrap工具提示不起作用？

1 个答案: