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

Question

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

我知道可以将文本添加到数字的“格式”挂钩，但也想添加换行符。

Answer 1

其实很简单。该插件基本上将格式化的值插入到输入的 Val 中。但是，如果您不是输入而是输入文本区域，那么瞧！您需要将值放在 textarea 中（因为 textarea 没有像输入一样的 value 属性）。我的例子：

<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）。