Question

所以我想创建一个jQuery微调器，它在点击时递增，但如果它的值为0（或任何目标值，但让我们去0）我希望它显示单词＆＃39; unlimited＆＃39;而不是0，然后当递增开始计数，好像0是一个数字，所以它将读取：无限，1,2,3,4等。有什么办法可以做到这一点？我已经找到了通过字母表等进行计数的方法，但是将一个值更改为字符串似乎相当困难。这是一个基本的微调器的小提琴：

var spinner = $( "#spinner" ).spinner();
$( "#spinner" ).spinner({
    min: -1,
    max: 50,
});

http://jsfiddle.net/nmnx0y7a/1/

Answer 1

还有一个版本：

$("#spinner").spinner({
    min: -1,
    max: 50,
    spin: function(e, ui) {
        if (ui.value == 0) {
            e.preventDefault();
            this.value = "unlimited"
        }
    }
})
.val('unlimited');

演示：http://jsfiddle.net/nmnx0y7a/9/

Answer 2

这不是最优雅的解决方案......但它会起作用。希望它有所帮助。

var spinner = $( "#spinner" ).spinner();
$( "#spinner" ).spinner({
    min: -1,
    max: 50,
});
$(document).ready(function(){
    $('#spinner').val("unlimited");
   $(document).click(function(){
       if($("#spinner").val() == 0)
       {
           $("#spinner").val("unlimited");
       }
   });
});

当文档加载时，它会立即将微调器的值设置为“无限制”，然后无论您在何处单击文档，它都将始终检查其是否为0，然后将其更改为“无限制”。

事实上，更好的解决方案是将clikc放在旋转器内部的div上。

jQuery Spinner可以显示字符串和数字值吗？

2 个答案:

演示：http://jsfiddle.net/nmnx0y7a/9/