javascript - jQuery 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'/>"></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行)

最佳答案

工作示例: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。

关于javascript - jQuery Spinner使用问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11664777/

相关文章:

javascript - 为什么要将全局变量传递给函数?

c# - 如何使用Response.Redirect()打开具有特定div的网页?

php - 从动态网页中提取文本

jquery - 根据行数计算元素的高度

html - 引导元素被彼此吞噬

javascript - 生成一组随机元素,进一步生成 'one by one'

jquery - 防止使用Semantic-Ui提交表单

jquery - 更改div悬停时的图片网址,而不是图片悬停

html - 如何从 Angular 7 的组件列表中预先选择默认项

javascript - 带有onclick的href在Safari中不起作用