jquery cross browser functionality

[dschneid]

Hello,

I am using the plugin http://jvectormap.owl-hollow.net/ on my website acoupletravelers.com. It works fine in firefox but does not appear in ANY other browsers – why might this be?

[Mottie]

It looks like it should work on pretty much all browsers.

It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML.

Are you using the latest version of jQuery?

[dschneid]

Not quite, I am using this library – http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js

[dschneid]

updated it with the newest version, still does not work:

http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’

[dschneid]

sry I mean
http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

[dschneid]

BTW:

The function I am calling looks like:

$(function(){

$('#map').vectorMap({

color: '#aaaaaa',

hoverColor: false,

hoverOpacity: 0.5,

colors: {

in:	'#FF9700',

sg:	'#FF9700',

ph:	'#FF9700',

id:	'#FF9700',

hk:	'#FF9700',

cn:	'#FF9700',

jp:	'#FF9700',

kr:	'#FF9700',

np:	'#FF9700',

th:	'#FF9700',

vn:	'#FF9700',

la:	'#FF9700',

kh:	'#FF9700',

my:	'#FF9700',

mm: 	'#FF9700'

},

backgroundColor: '#ffffff',

onRegionClick: redirect,

onRegionOver: showLocation,

onRegionOut: hideLocation

});

});

And I am calling it via:

[Author]

Posts