jQuery微调器使用问题答案

【问题标题】：jQuery spinner using issuejQuery微调器使用问题
【发布时间】：2012-07-26 17:16:34
【问题描述】：

我做错了什么？这是代码：

<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 行）

【问题讨论】：

源js文件中是否有_super函数？
@sergzach 是的，它在 jquery.ui.spinner.js 中。但我认为问题不在那个文件中。我第一次使用微调器，所以我不知道它应该如何...可能是我连接的文件不够？
可能是您的 jquery-ui-1.8.21.custom.min.js 不包含您需要的所有内容。可能是您没有检查下载页面 (jqueryui.com/download) 上的所有必需选项。
尝试下载 jquery-ui 和所有选项进行测试。

标签： javascript jquery html spinner

【解决方案1】：

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

所以你需要：

jQuery
jQuery 用户界面
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 的内容交付网络托管了一个较新的网络。所以我建议你使用这些网址：

编辑： 问题可能是您在下载时忘记将小部件功能添加到自定义 jQuery UI 库中。试试由 Google 的 CDN 托管的那个。或者重新下载 jQuery UI 并勾选 widget 选项。

【讨论】：

【解决方案2】：

你编码没问题，看：here is you code

【讨论】：

就像我说的，不是代码，而是错误/损坏的 jQuery UI。其中没有小部件组件。他可以使用来自 Google CDN 的那个来测试和/或重新下载 jQuery UI。