微调器作为像素选择器

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