직접 만든 애니메이션 플러그인 버그 도와주세요!!

[김철준]

https://hmmiii.github.io/bbc/

여기로 들어가시면 첫 번째 영역에 숫자가 롤링되는 애니메이션 플러그인을 만들었습니다.

css:https://github.com/hmmiii/bbc/blob/master/css/motionUI.css

js:https://github.com/hmmiii/bbc/blob/master/js/motionUI.js

 

작동은 되는데.. 문제가 첫 번째로 방문 했을 때나.. 캐시 삭제 새로고침 (컨트롤+쉬프트+R)을 했을 때는 아래에서 위로 숫자가 내려오는 게 아니라 위에서 아래로 내려오는 문제가 있습니다 ㅠ 해결해보려고 해도 이유를 도대체 모르겠습니다.

 

[codingapple]

해당 html이 전부 로드되고나서 실행해달라고 코드를 짜거나 그래봅시다 

 

[김철준]

감사합니다!!

[김철준]

잘 되는 것 같았는데 크롬 이외의 브라우저에서는(테스트해본 브라우저는 파이어폭스 디벨로퍼, 맥 사파리) 다른 서브페이지에 갔다가 다시 홈으로 가거나, (캐시삭제새로고침이 아닌)일반 새로고침을 하면
작동하지 않는 문제가 발생합니다. https://hmmiii.github.io/bbc/index.html

그래서 첨에 로드이벤트로만 하던 것을 이렇게 그냥 함수호출을 하는 코드를 한 줄 더 넣어주면 해결되던데 이유가 뭔지 모르겠습니다 ㅜㅜ
rollingNumber();
$(window).on('load',function(){
rollingNumber();
})

[김철준]

앗.. 해결했는데 ready 이벤트리스너 안에 들어가있어서 그런거였습니다. 레디 안에 로드가 들어가면 작동이 안 될 수 있나요?

[codingapple]

전부 load 되어야 ready 이벤트리스너가 실행되어서 
ready 안에 load 이벤트리스너있으면 실행이안되나봅니다

[글쓴이]

글