Forum user: dennismonsewicz

I don't have an online example. It seems to append the Tooltip to the DOM, but for some reason the positioning of the element doesn't carry over to it, nor does the display: block styling

I am using the jQuery Tools Tooltip on some tags, but for some reason in Firefox the tooltips don't show.

Is anyone else having issues with this?

Example:

<a href="#" title="Hello World">This site is cool</a>

The way I got around doing this was creating a function and then recalling that function on .ajaxComplete()

Code:

$(document).ajaxComplete(function(){
		setupTrackToolTips();
	});

function setupTrackToolTips() {
	$('ul.display_list li.albums, .album .albumImageHolder').each(function(){
		var el = $(this)
		var ribbon = $('.ribbon', el)
		var offset = [-20, 0]
    
		if(el.hasClass('albumImageHolder')) {
			offset = [-20, -12]
		}
    
		el.tooltip({
			tip: '#'+el.attr('rel'),
			position: "bottom center",
			offset: offset,
			effect: "fadeInHide",
			relative: true,
			api: true,
			onHide: function() {
				ribbon.fadeOut(200)
			}
		})
	})
}