2014-11-03 51 views
1

我嘗試使用asp net運行justgage示例,但出現錯誤:「沒有找到具有id的元素:gauge找到了」。 ID是正確的,那麼錯在哪裏。JustGage使用asp網

<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> 
+0

嗯,我忘了添加windows.onload。正在工作 – user3093010 2014-11-03 11:31:11

+0

提交您的答案,以關閉此問題。 – binderbound 2015-01-27 01:28:48

回答

2

我們遇到了同樣的問題。問題是在加載頁面之前腳本正在執行。有兩個可能的解決方案到:

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)告訴腳本加載使用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> 
... 

裝完後窗口要麼應該做的伎倆。