1

我尝试使用 asp net 运行 justgage 示例，但出现错误：“No element with id: gauge found”。ID 是正确的，所以有什么问题。

<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>
4

1 回答 1

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>
...

要么应该做的伎俩。

于 2015-05-04T23:24:47.323 回答