JavaScript编号微调器,使用jQuery 2.x.

时间:2014-01-28 06:07:43

标签: javascript jquery html jquery-ui

我想使用“number”微调器的一些变体,它将与jQuery 2.x一起使用。

jQuery UI Spinner - http://jqueryui.com/spinner/ - 不适用于最新的jQuery,我需要在项目中使用jQuery 2来获取其他内容。 (我不认为我可以在一个网页上“混合”两个jQuery版本。)

关于jsfiddle的例子:

使用jQuery 1.9的jQuery UI微调器 - 完美运行

http://jsfiddle.net/9qyGQ/1/

使用jQuery 2.x的jQuery UI微调器 - 根本不工作

http://jsfiddle.net/9qyGQ/2/

两者的代码相同,唯一的区别是在第二个代码中加载了新的jQuery

HTML:

<p>
    <label for="spinner">Select a value:</label>
    <input id="spinner" name="value">
</p>

JS:

$(function() {
    var spinner = $("#spinner").spinner();
});

编辑:

为了清楚,通过“数字微调器”,我不是指一个旋转的图标,而是这样的东西

Example of a number spinner

2 个答案:

答案 0 :(得分:1)

这是因为你在jQuery UI之后包含了jQuery核心js。颠倒顺序,应该没问题

jquery-1.10.2.min.js should be include before jquery-ui.js

<强> Updated Fiddle

答案 1 :(得分:0)

它只是js文件的排序..上面的答案由Felix是正确的,工作正常..