Javascript 未捕获引用错误:未在chrome上定义微调器
我正在使用Javascript 未捕获引用错误:未在chrome上定义微调器,javascript,jquery,jquery-ui-spinner,Javascript,Jquery,Jquery Ui Spinner,我正在使用spin.js库来加载微调器。Chrome正在抛出此错误 [未捕获引用错误:未在上定义微调器] spinner在所有其他浏览器中都运行良好 以下是相关代码: //Jquery Spinner $.fn.spin = function(opts) { this.each(function() { var $this = $(this), data = $this.data(); if (data.spinner) { data
spin.js
库来加载微调器。Chrome正在抛出此错误
[未捕获引用错误:未在上定义微调器]
spinner在所有其他浏览器中都运行良好
以下是相关代码:
//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;
};
有解决方案吗?所以我遇到了与此相同的问题,我不确定您是否使用了与我使用的相同的AngularJS,Yeoman堆栈,但我解决问题的方法非常简单。我刚刚更改了
的顺序,这样我的spin.js
就位于它们的最底层。例如,见下文
修复前(给出未捕获的引用错误:未定义微调器)
修复后
<!-- 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 -->
如果有任何代码或演示比它更好的回答//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);}});返回this;};
<!-- 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 -->