2014-07-24 1 views
0

현재 내 코드는 Chrome 및 IE에서 실행되지만 firefox에서는 실행되지 않습니다. console.log를 추가하고 FireFox에서 붐을 일으키며 코드가 추가되므로 CSS가 추가되지 않습니다. ?Jquery Trigger Chrome은 작동하지만 Firefox는 사용하지 않습니다.

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

'-moz-filter'을 확인 ?? '-webkit' 웹킷 브라우저 (파이어 폭스는 없다). 그리고 '필터'는 IE를위한 것입니까? (틀 렸으면 고쳐줘). 그래서 Firefox 용 CSS를 추가해야합니다. # – putvande

+0

'webkit-filter'는 Webkit 기반 브라우저를 대상으로합니다 - Firefox의 경우 [this answer] (http://stackoverflow.com/questions/12173130/css-filter-not-working - 파이어 폭스). – moonwave99

+0

정말 이상합니다. : S – Brent

답변

1

는 코드

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

구문 오류 (:)

{'filter' : 'none' instead of {'filter:' : 'none' 
+0

신. 충분했다 :) – Brent

관련 문제