JustGage с использованием asp net

Question

JustGage с использованием asp net

Я пытаюсь запустить пример justgage, используя asp net, но получаю ошибку: "Элемент с id: gauge не найден". Идентификатор правильный, так что не так.

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

1

javascript c# asp.net justgage

Источник

user3093010 03 ноя '14 в 09:17

1 ответ

Решение

Другие вопросы по тегам javascript c# asp.net justgage

user3466394 04 май '15 в 23:24 2015-05-04 23:24 · Accepted Answer · 2015-05-04 23:24

Мы столкнулись с той же проблемой. Проблема в том, что скрипт выполняется до загрузки страницы. Есть два возможных решения этого:

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

Либо должен сделать свое дело.