2012-07-26 64 views
1

我错了什么? 这里是代码:jQuery微调器使用问题

<script type="text/javascript" 
    src="<c:url value='/resources/js/jquery-1.7.js'/>"></script> 
<script type="text/javascript" 
    src="<c:url value='/resources/js/jquery-ui-1.8.21.custom.min.js'/>"></script> 
<script type="text/javascript" 
    src="<c:url value='/resources/js/jquery.ui.spinner.js'/>"></script> 
<script type="text/javascript" 
    src="<c:url value='/resources/js/myscript.js'/>"></script> 

<input id="spinner" type="text" value="0" /> 

mysript.js代码:

$(document).ready(function() { 


    $(function() { 
     $('#spinner').spinner({min: -100, max: 100}); 
    }); 

}); 

它仍然无法正常工作

顺便说一句,它说: 类型错误:this._super不是一个函数

this._super(key,value);

jQuery的... nner.js(line375)

类型错误:this._super不是一个函数

this._super(选件);

jQuery的... nner.js(线389)

+0

有_Super功能某处源js文件? – sergzach 2012-07-26 08:07:12

+0

@sergzach是的,它在jquery.ui.spinner.js中。但我认为问题不在该文件中。我第一次使用微调,所以我不知道它应该如何...可能我没有连接足够的文件? – Helgus 2012-07-26 08:17:32

+0

可能是你的jquery-ui-1.8.21.custom.min.js并不包含你所需要的全部。可能是你没有检查下载页面上的所有必需选项(http://jqueryui.com/download/)。 – sergzach 2012-07-26 08:21:57

回答

2

工作例如:http://jsfiddle.net/KaaaT/

因此,你需要:

  • jQuery的
  • jQuery UI的
  • jQuery UI的CSS
  • spinner

在上面的jsfiddle链接上点击manage resources,查看我用于该示例的URL。

jQuery代码:

$('#spinner').spinner({ min: -100, max: 100 }); 

的HTML代码:

<input type="text" id="spinner" value="0" /> 

的jsfiddle使用jQuery UI的1.8.18。 Google的内容分发网络主办了一个更新的内容分发网络。所以我建议你使用这些网址:

编辑:这个问题可能是你忘了添加小部件功能到您下载它的自定义jQuery UI库。试试Google的CDN托管的那个。或者选中widget选项重新下载jQuery UI。

+0

谢谢!最后我做到了!!!(在你的帮助下)) – Helgus 2012-07-26 10:13:33

+0

不客气! – 2012-07-26 12:05:20

0

你的代码没有任何问题,看:here is you code

+0

就像我所说的,它不是代码,而是错误的/破碎的jQuery UI。其中没有小部件组件。他可以使用Google CDN的测试和/或重新下载jQuery UI。 – 2012-07-26 09:36:57