jquery 旋钮内部文本显示为两行

Question

是否可以在旋钮内显示数字并在单独的换行符上显示文本？

我知道“格式” Hook 可以向数字添加文本，但也想添加换行符。

Answer 1

事实上，这很简单。该插件基本上将格式化值插入到输入的 Val 中。但是，如果您创建一个文本区域而不是输入，那么瞧!您需要将值放入文本区域内(因为文本区域没有像输入一样的值属性)。我的例子:

<textarea class="dial" id="dll" data-displayPrevious="true" data-width="150" data-fgColor="#ccff00" data-font="Roboto" data-inputColor="#333">65</textarea>

然后这样调用它

$("#dll").knob({readOnly:true,'format' : function (value) {
 return parseInt($('#dll').val()) + '  people';
}, draw : function(){
     $("#dll").css("font-size","19px");

}});

确保在值和需要放在另一行上的文本之间留有空格(以便可以换行 - 请参阅“人员”)。还要调整旋钮的行/列和宽度，以使其正确(也是文本换行CSS)。