0

Currently my code will trigger in chrome, and IE but in firefox nothing.. I added console.log and boom in FireFox the code gets there, so isn't the CSS being added? 

jQuery("#eigth").waypoint(function(direction) {
    console.log('got here');
    jQuery("#globe").css({'filter:' : 'none', '-webkit-filter' : 'grayscale(0%)'});
});
Lukasz Koziara
  • 4,274
  • 5
  • 32
  • 43
Brent
  • 2,385
  • 10
  • 39
  • 63
  • `-moz-filter`?? `-webkit` webkit browsers (so no Firefox). And `filter` is for IE? (correct me if i'm wrong). So you need to add a CSS for Firefox.# – putvande Jul 24 '14 at 11:59
  • `webkit-filter` targets Webkit based browsers - for Firefox, see [this answer](http://stackoverflow.com/questions/12173130/css-filter-not-working-in-firefox). – moonwave99 Jul 24 '14 at 12:00

1 Answers1

1

Check your code

jQuery("#eigth").waypoint(function(direction) {
    console.log('got here');
    jQuery("#globe").css({'filter:' : 'none', '-webkit-filter' : 'grayscale(0%)'});
});

Syntax error (:)

{'filter' : 'none' instead of {'filter:' : 'none'
prakashstar42
  • 677
  • 1
  • 6
  • 16