未捕获的 ReferenceError：Spinner 未在 chrome 上定义答案

【问题标题】：Uncaught ReferenceError: Spinner is not defined on chrome未捕获的 ReferenceError：Spinner 未在 chrome 上定义
【发布时间】：2013-02-01 12:55:07
【问题描述】：

我正在使用spin.js 库来加载微调器。 Chrome 抛出此错误

[Uncaught ReferenceError: Spinner is not defined on]。

微调器在所有其他浏览器中都可以正常工作！

相关代码如下：

//Jquery Spinner 
$.fn.spin = function(opts) {
    this.each(function() { 
       var $this = $(this), data = $this.data();
       if (data.spinner) {
           data.spinner.stop();
           delete data.spinner; 
       } 
       if (opts !== false) {
           data.spinner = new Spinner($.extend({
                      color: $this.css('color')}, opts)).spin(this);
       } 
    });
    return this; 
};

有什么解决办法吗？

【问题讨论】：

如果有任何代码或演示比它会更好回答
//Jquery Spinner $.fn.spin = function(opts) { this.each(function() { var $this = $(this), data = $this.data(); if (data.spinner) { data.spinner.stop(); 删除 data.spinner; } if (opts !== false) { data.spinner = new Spinner($.extend({color: $this.css('color ')}, opts)).spin(this); } });返回这个； };

标签： javascript jquery jquery-ui-spinner

【解决方案1】：

所以我遇到了与此相同的问题，我不确定您是否使用与我相同的 AngularJS、Yeoman Stack，但我解决它的方法非常简单。我刚刚更改了<script src="..."> 的顺序，以便我的spin.js 位于它们的最底部。见下例

修复前（给出未捕获的引用错误：未定义微调器）

<!-- startbuild -->
    <script src="scripts/js/spin.js"></script>

    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <script src="scripts/controllers/admin.js"></script>
<!-- endbuild -->

修复后

<!-- startbuild -->
    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <script src="scripts/controllers/admin.js"></script>

    <script src="scripts/js/spin.js"></script>
<!-- endbuild -->

【讨论】：