countUp Javascript 패키지가 작동하려면 어떻게해야합니까?

-1

countUp Javascript 패키지를 구현하려고하는데 오류가 발생합니다. [CountUp] target이 null이거나 정의되지 않았습니다. countUp Javascript 패키지의 gitHub 저장소는 https://github.com/inorganik/CountUp.js입니다. 이 패키지를 사용해 본 경험이있는 사람들을위한 제 질문은이 오류를 피하기 위해 코드를 수정하는 방법입니다. 여기에 코드입니다 :countUp Javascript 패키지가 작동하려면 어떻게해야합니까?

<html> 
<title>Count Up Test</title> 
<head> 
<script src="countUp.js"></script> 

</head> 
<body> 
<h1 id="tester">100</h1> 

<script> 

var options = { 
    useEasing: true, 
    useGrouping: true, 
    separator: ',', 
    decimal: '.', 
}; 

tester1 = document.getElementById('tester').innerHTML; 
console.log(tester1); 

var test1 = new CountUp('tester1', 100, 1500, 0, 2.5, options); 
if (!test1.error) { 
    test1.start(); 
} else { 
    console.error(test1.error); 
} 

</script> 
</body> 
</html>

나는 DOM에 대한의 EventListener에 추가 시도했습니다, 나는 창로드를 사용하여 시도했다 및을 console.log (tester1는) 그냥 tester1를 변경 100

출처

2017-12-12 jeppy7

이 질문에 투표가 왜 실패했는지 확실하지 않습니다. 이 의견을 표명 한 사람이 약간의 피드백을 제공하면 도움이 될 것입니다. – jeppy7

을 보여줍니다 아래 줄에 tester ....

var test1 = new CountUp('tester', 100, 1500, 0, 2.5, options);

가정에이 같은 HTML 요소를 가지고 ...

<h1 id="tester">100</h1>

0 HTML 요소의 ID가 카운트 업 ("테스터")

CountUp의 생성자에 첫 번째 매개 변수는 사용할 HTML 요소의 id 속성을 나타내는 문자열에 전달 된 문자열과 일치하는지

공지 사항 . 기본적으로 CountUp은 getElementById을 호출하고 DOM 노드를 찾으십시오.

출처

2017-12-12 23:57:15

정말 고마워요 !! 그게 효과가있어! – jeppy7

countUp Javascript 패키지가 작동하려면 어떻게해야합니까?

답변

관련 문제