2014-11-03 25 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> 
... 

装完后窗口要么应该做的伎俩。