微调器作为像素选择器[重复]

Question

我用 jQuery 创建了一个微调器

<input id="spinner" />

和

$("#spinner").spinner();

现在它显示为，

但我想创建一个带有“px”符号的微调器，如下图所示

Fiddle

Answer 1

使用出色的information found here，您可以执行以下操作：

HTML：

<input id="spinner" />

JavaScript：

$.widget("ui.pxspinner", $.ui.spinner, {
    _format: function (value) {
        return value + 'px';
    },
    _parse: function (value) {
        return parseInt(value);
    }
});

$("#spinner").pxspinner();

JSFiddle here.