JQuery 微调器在第一次单击时跳过 0

Question

我在输入字段上使用 JQuery spinner。但我第一次点击 + 按钮时，微调器会跳过 0 并直接转到 0.5。

我当然可以通过向输入添加值=“0”来解决此问题，但想法是输入开始为空白。

这是我的代码:

HTML:

<input id="test">

JQuery:

$("#test").spinner({
step: 0.5,
icons: {
    up: "ui-icon-plus",
    down: "ui-icon-minus"
},
spin: function (event, ui) {

    if (ui.value > 20) {
        $(this).spinner("value", 0);
        return false;
    } else if (ui.value < 0) {
        $(this).spinner("value", 20);
        return false;
    }        
    if (ui.value > 3 && ui.value !== 0) {
        $(this).spinner("option", "step", "1");
    } else {
        $(this).spinner("option", "step", "0.5");
    }
}

});

我还做了一个 fiddle 来演示这个问题:http://jsfiddle.net/5cmt2so7/

任何帮助将不胜感激。

Answer 1

我不明白为什么你不想设置输入的初始值，但你可以做某事。像这样

$(".test").spinner({
    step: 0.5,
    icons: {
        up: "ui-icon-plus",
        down: "ui-icon-minus"
    },
    count:0,
    spin: function (event, ui) {

        if($(this).spinner("option", "count") < 1 ){
            $(this).spinner("value", 0);
            $(this).spinner("option", "count",$(this).spinner("option", "count") + 1 );
            return false;
        }            


        if (ui.value > 20) {
            $(this).spinner("value", 0);
            return false;
        } else if (ui.value < 0) {
            $(this).spinner("value", 20);
            return false;
        }        
        if (ui.value > 3 && ui.value !== 0) {
            $(this).spinner("option", "step", "1");
        } else {
            $(this).spinner("option", "step", "0.5");
        }
    }
});

fiddle