jQuery: color change doesn't work with Chrome and Safari

Question

hi,

could you explain me why the following code doesn't work in Chrome and Safari, but only in Firefox ?

if ($(this).css("color") == "Fuchsia"){ $(this).css("color","#000000"); }

This is the link:

http://www.sanstitre.ch/drupal/portfolio?tid[0]=38

If you scroll down and up you'll see "Eternal Tour" becoming purple and black again, because it is not anymore selected. (with FIrefox)

With Chrome and Safari it remains black.

Answer 1

I would trace what returns $(this).color() and see, but I would say that the main problem is, that chrome/safari both return hex code, so comparing against string doesn't work.

try to compare it against #FF00FF.

Answer 2

Try this

if ($(*).css("color") == "fuchsia"){ $(this).css("color","#000000"); }

Answer 3

I've changed Fuchsia to fuchsia and it worked! thanks

Answer 4

Try to spell it lowercase: fuchsia.