是否可以在旋钮内显示数字并在单独的换行符上显示文本?
我知道“格式” Hook 可以向数字添加文本,但也想添加换行符。
最佳答案
事实上,这很简单。 该插件基本上将格式化值插入到输入的 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)。
关于jquery 旋钮内部文本显示为两行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26537745/