Question

This is driving me absolutely bonkers, and it seems like such a simple thing to implement. I can’t get tooltips (or, for that matter, popovers) to work. I have the ‘twitter-bootstrap-rails’ gem installed, and I generated the appropriate .js and .css files.

I don’t think it’s a JQuery issue because I have other JQuery functionality on my site that works perfectly.

Here’s some relevant code.

application.js

//= require jquery
//= require jquery_ujs
//= require twitter/bootstrap
//= require bootstrap-tooltip
//= require bootstrap-popover
//= require prototype
//= require prototype_ujs
//= require effects
//= require dragdrop
//= require controls
//= require_tree .
$('a').tooltip();

application.css

 *= require_self
 *= require_tree .
 *= reqire_twitter/bootstrap

Code I’d like to get to work for tooltips

<a href="#" title="test" rel="tooltip" id="test-url">test</a>

The above code, when hovered over, just shows Chrome’s normal tooltip. I’m getting the same behavior in Safari, so I doubt it’s browser-specific.

Answer 1

The solution to this was two-fold.

1. Change the $ in the code to jQuery. This got rid of the “Object # has no method ‘ready'” error.

2. I had a bootstrap.js.coffee file that had irrelevant code. When I deleted the file, everything began working again. This got rid of the “Uncaught TypeError: Cannot call method ‘tooltip’ of null” error.