Forums

virtual

I'm having a bit of a problem with a Jquery tooltip I am trying to implement in certain browsers/platforms. The tooltips do not show at all in Firefox either PC or Mac and they do not show in Safari on PC. Any ideas?

HEREis the page.

This is a site I inherited so please excuse the terrible code and tables which were not of my doing, it's a nightmare to work with.

noahgelman

You jQuery is targeting images with a 'rel' of 'tooltip'

$(document).ready(function() {

	//Select all anchor tag with rel set to tooltip
	$('a[rel=tooltip]').mouseover(function(e) {
///////////
etc.

But the images on the page you linked to don't have them

virtual

It's targeting anchor tags with a rel of tooltip which are down at the bottom of the page

<map name="Map" id="Map">
<a rel="tooltip" title="ClaytonSmall"><area shape="circle" coords="50,56,25" href="#" alt="" /></a>
<a rel="tooltip" title="Dave Cordo"><area shape="circle" coords="105,57,23" href="#" alt="Dave Cordo" /></a>
<a rel="tooltip" title="Michael Shipitsin"><area shape="circle" coords="147,63,20" href="#" alt="Michael Shipitsin" /></a>
<a rel="tooltip" title="Eric Devroe"><area shape="circle" coords="188,64,19" href="#" alt="Eric Devroe" /></a>
</map>

treehouse : what would you like to learn today?

Forums

Jquery browser compatibility