Ошибка, когда я использовал javascript spin.js library

Я использую asp mvc, и мне нужно использовать spin.js, но не работает. Вот код, который я использую.Ошибка, когда я использовал javascript spin.js library

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>spin.js example</title> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/spin.js/1.2.7/spin.min.js"></script> 
</head> 
<body> 
    <div id="foo"></div> 
    <script> 
     var opts = { 
      lines: 10, // The number of lines to draw 
      length: 7, // The length of each line 
      width: 4, // The line thickness 
      radius: 10, // The radius of the inner circle 
      corners: 1, // Corner roundness (0..1) 
      rotate: 0, // The rotation offset 
      color: '#000', // #rgb or #rrggbb 
      speed: 1, // Rounds per second 
      trail: 60, // Afterglow percentage 
      shadow: false, // Whether to render a shadow 
      hwaccel: false, // Whether to use hardware acceleration 
      className: 'spinner', // The CSS class to assign to the spinner 
      zIndex: 2e9, // The z-index (defaults to 2000000000) 
      top: 25, // Top position relative to parent in px 
      left: 25 // Left position relative to parent in px 
     }; 
     var target = document.getElementById('foo'); 
     var spinner = new Spinner(opts).spin(target); 
    </script> 
</body> 
</html>

, но когда я запускаю его исключение предъявляется в этой строке

var spinner = new Spinner(opts).spin(target);

и сообщение

"Spinner не определен"

Любые идеи на как я могу разрешить это?

источник

2014-10-16 Wilmer

Попробуйте использовать абсолютный URL (с такой схемой, как http).

<script src="http://cdnjs.cloudflare.com/ajax/libs/spin.js/1.2.7/spin.min.js"/>

Надеюсь, это поможет.

источник

2014-10-16 21:39:01 40Alpha

я получаю ту же ошибку "вертушка не определен". – Wilmer

Я вижу, что spin.min.js загружен правильно, эта проблема очень странная, потому что я вижу примеры в Интернете, и они работают, но когда я помещаю этот код в свое приложение, не работаю. – Wilmer

@ user3303841 У вас должна быть другая проблема. Точный код (с http в src) работает на моей машине. – 40Alpha

Используя полный путь к библиотеке спина, он работает нормально, когда вставлен в фрагмент кода StackOverflow (буквально скопировал ваш вопрос, никаких дополнительных изменений). Это может указывать на некоторые другие проблемы с вашим кодом (это целая страница), или, возможно, ваш браузер кэшировал что-то, что вызывает проблему.

<!DOCTYPE html> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
    <title>spin.js example</title> 
 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/spin.js/1.2.7/spin.min.js"></script> 
 
</head> 
 
<body> 
 
    <div id="foo"></div> 
 
    <script> 
 
     var opts = { 
 
      lines: 10, // The number of lines to draw 
 
      length: 7, // The length of each line 
 
      width: 4, // The line thickness 
 
      radius: 10, // The radius of the inner circle 
 
      corners: 1, // Corner roundness (0..1) 
 
      rotate: 0, // The rotation offset 
 
      color: '#000', // #rgb or #rrggbb 
 
      speed: 1, // Rounds per second 
 
      trail: 60, // Afterglow percentage 
 
      shadow: false, // Whether to render a shadow 
 
      hwaccel: false, // Whether to use hardware acceleration 
 
      className: 'spinner', // The CSS class to assign to the spinner 
 
      zIndex: 2e9, // The z-index (defaults to 2000000000) 
 
      top: 25, // Top position relative to parent in px 
 
      left: 25 // Left position relative to parent in px 
 
     }; 
 
     var target = document.getElementById('foo'); 
 
     var spinner = new Spinner(opts).spin(target); 
 
    </script> 
 
</body> 
 
</html>

источник

2014-10-16 21:53:27 Tommy

Ошибка, когда я использовал javascript spin.js library

ответ

Смежные вопросы