Javascript jQuery微调器使用问题

Javascript jQuery微调器使用问题,javascript,jquery,html,spinner,Javascript,Jquery,Html,Spinner,我怎么了? 以下是代码: <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'/>"></scr

我怎么了? 以下是代码:

<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" />
它仍然不起作用

顺便说一句,上面说: TypeError:这不是一个函数

此._super(键、值)

jquery…nner.js(第375行)

TypeError:这不是一个函数

这是超级(选项)

jquery…nner.js(第389行)

工作示例:

因此,您需要:

  • jQuery
  • jQuery用户界面
  • jQueryUICSS
  • 纺纱机
单击上面JSFIDLE链接上的
管理资源
,查看我在示例中使用的URL

jQuery代码:

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

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

JSFIDLE使用jQueryUI1.8.18。 谷歌的内容交付网络拥有一个更新的网络。因此,我建议您使用以下url:


编辑:问题可能是您在下载自定义jQuery UI库时忘记将该小部件功能添加到该库中。试试谷歌CDN托管的那个。或者在选中
小部件
选项的情况下重新下载jQuery UI。

您编写的代码没有任何问题,请查看:

源js文件中是否有超级函数?@sergzach-yep,它在jQuery.UI.spinner.js中。但我认为问题不在那个档案里。我第一次使用旋转器,所以我不知道它应该是怎样的。。。可能是我连接的文件不够?可能是你的jquery-ui-1.8.21.custom.min.js没有包含你需要的所有文件。可能是您没有检查下载页面()上的所有必需选项。请尝试下载带有所有选项的jquery ui进行测试。正如我所说,这不是代码,而是错误/损坏的jquery ui。其中没有小部件组件。他可以使用Google CDN中的一个来测试和/或重新下载jQuery UI。
<input type="text" id="spinner" value="0" />