jQuery Knob格式导致滚动问题

时间:2015-05-07 13:19:52

标签: javascript jquery jquery-knob

我正在使用jQuery Knob插件,但需要显示的值为英镑。理想情况下,这将是123456英镑。但是,当我使用'format'挂钩添加£符号时,它不再允许我通过滚动鼠标滚轮或甚至通过输入来设置值。这是我的代码......

$(".dial-step1").knob(
{
   'format': function( value ){
       if(value == undefined || isNaN(value)) {
         value = 0; 
         return '£' + value;
       }
       else {
         return '£' + value;
       }
    }
}
);

如果我将£符号的位置改为值 - return value + '£';之后,它会起作用 - 但我之前确实需要它。知道为什么会破坏滚动和键盘输入功能吗?

我知道这里有很多类似的问题,但所有这些问题似乎都是为了在价值的最后增加一个单位......

1 个答案:

答案 0 :(得分:0)

只需使用相应的parse选项来定义值解析方法:

$(".dial-step1").knob({
    format: function( value ){
        if (value == undefined || isNaN(value)) {
            value = 0; 
        }
        return '£' + value;
    },
    parse: function( value ){
        var v = value.toString();

        if (v.substring(0, 1) == '£') { 
            v = v.substring(1);
        }

        return parseFloat(v);
    }
});

完整示例:JSFiddle