jQuery微调器使用问题

时间:2012-07-26 07:53:46

标签: 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'/>"></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行)

2 个答案:

答案 0 :(得分:2)

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

所以你需要:

  • jQuery
  • jQuery UI
  • jQuery UI CSS
  • 喷丝

点击上方jsfiddle链接中的manage resources,查看我用于示例的网址。

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。

答案 1 :(得分:0)

您编码没有任何问题,请查看:here is you code