JqueryUi Spinner自定义步骤

时间:2014-09-24 11:42:21

标签: jquery-ui

我希望通过列表上的一组自定义值使jqueryUI微调器增量。

例如,25,50,100,250,500,1000

这可能吗?

我能做到的最接近的事情是踩到一定数量。

也许可以通过手动更改.spin调用上的值来完成?

对此有任何帮助都非常感谢

1 个答案:

答案 0 :(得分:1)

您可以使用此代码,

var dlist = ['100','250','500', '1000']
$( ".spinner" ).spinner({ 
    min: 0,
    max: 3,
    create: function(){
        $(this).parent().append('<input class="spinner-text" value="'+dlist[$(this).val()]+'">');
    },
    stop: function(event,ui) {    
        $(this).siblings('.spinner-text').val(dlist[$(this).val()]);
    }
 });

Source

注意:如果您的数组包含4个值,请将max设置为3.因为默认情况下已经设置了第一个值。

请参阅DEMO