JustGage asp net 사용

aspos net을 사용하여 justgage 예제를 실행 해 봅니다. 그러나 "id : gauge found"요소가 없습니다. ID가 정확하므로 잘못되었습니다.JustGage asp net 사용

<script src="/js/justgage.1.0.1.min.js"></script> 
<script src="/js/raphael.2.1.0.min.js"></script> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script> 
     var g = new JustGage({ 
      id: "gauge", 
      value: 67, 
       min: 0, 
       max: 100, 
       title: "Visitors" 
       }); 
</script> 

</head> 
<body> 
    <form id="form1" runat="server"> 
    <div id="gauge" class="200x160px"></div> 
    </form> 
</body> 
</html>

출처

2014-11-03 user3093010

흠, windows.onload를 추가하는 것을 잊어 버렸습니다. Now working – user3093010

이 질문이 닫혀 있도록 답변을 제출하십시오. – binderbound

동일한 문제가 발생했습니다. 문제는 페이지가로드되기 전에 스크립트가 실행되고 있다는 것입니다. 두 가지 솔루션은에 있습니다 : 윈도우가 window.onload

<script src="/js/justgage.1.0.1.min.js"></script> 
<script src="/js/raphael.2.1.0.min.js"></script> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<script> 
    window.onload= function(){ 
     var g = new JustGage({ 
      id: "gauge", 
      value: 67, 
       min: 0, 
       max: 100, 
       title: "Visitors" 
       }); 
    }; 
</script> 

</head> 
...

사용하여로드 완료 후

1.))를 <div>

... 
<body> 
    <form id="form1" runat="server"> 
    <div id="gauge" class="200x160px"></div> 
    </form> 
    <script> 
     var g = new JustGage({ 
      id: "gauge", 
      value: 67, 
      min: 0, 
      max: 100, 
      title: "Visitors" 
     }); 
    </script> 
</body>

2. 아래의 스크립트를 넣어로드 스크립트에게 어느 쪽이 트릭을해야합니다.

출처

2015-05-04 23:24:47 Kimba

답변

관련 문제