javascript - jQuery Spinner使用问题

Question

我错了吗？
这是代码：

<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});
    });

});

它仍然不起作用

顺便说一句，它说：
TypeError：this._super不是函数

this._super（key，value）;

jquery ... nner.js（line375）

TypeError：this._super不是函数

this._super（options）;

jQuery ... nner.js（第389行）

Answer 1

工作示例：http://jsfiddle.net/KaaaT/

因此，您需要：


jQuery的
jQuery UI
jQuery UI CSS
微调器


单击上方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的内容分发网络托管了一个更新的网络。因此，我建议您使用以下网址：


https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js
https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.0/themes/ui-lightness/jquery-ui.css
http://btburnett.com/spinner/ui.spinner.min.js


编辑：问题可能是您在下载小部件功能后忘记将其添加到自定义jQuery UI库中。尝试使用由Google CDN托管的主机。或在widget选项选中的情况下重新下载jQuery UI。