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

Question

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

我知道‘格式’钩子可以添加文本到数字，但也想添加一个换行符。

Answer 1

事实上，这很简单。该插件基本上将格式化的值插入到输入的Val中。但是，如果不是输入，而是创建了一个文本区域，那么瞧！您需要将值放在textarea中(因为textarea没有像input那样的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");

}});

确保在值和需要放在另一行的文本之间留出一个空格(这样它就可以被换行了-请参见“people”)。还可以调整旋钮的行/列和宽度，以使其正确(也可以使用文本换行css)。