jquery knob内部文本显示为两行

Question

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

我知道'format'钩子可以为数字添加文字，但也希望添加换行符。

Answer 1

事实上它非常简单。 插件基本上将格式化的值插入到输入的Val中。但是，如果你输入textarea而不是输入，那么瞧！您需要将值放在textarea中（因为textarea没有输入值属性）。 我的例子：

<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");

}});

确保在值和需要在另一行上的文本之间留一个空格（以便它可以被包装 - 请参阅＆＃39; people＆＃39;）。还要调整旋钮的行/列和宽度以使其正确（也是文本换行css）。