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

【问题标题】：jquery knob inner text shown as two linesjquery 旋钮内部文本显示为两行
【发布时间】：2014-10-23 21:24:44
【问题描述】：

是否可以在单独的换行符处显示旋钮内显示的数字？

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

【问题讨论】：

那你有什么尝试？
值得一试：'format' : "<br>My Text", , 'format' : "\nMy Text", 尽管您可能会遇到对齐和/或溢出问题。
对不起@Roamer-1888 ，应该提到我已经尝试将
添加到字符串中。它不作为 html 处理。而 \n 只是被忽略了。
正如我所说，可能存在对齐和/或溢出问题。应用这两个建议后，“检查元素”以查看实际插入的内容。您可能有第二行，但由于例如overflow:none，它是不可见的。如果是这样，您将需要以某种方式修改文本的框大小。
请编辑问题以列出您尝试过的所有内容。这将阻止像我这样的白痴提出更“明智”的建议。一个 jsFiddle 的链接也很好，所以人们可以自己玩。

【解决方案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）。

【讨论】：

稍后编辑：在函数中，您已经将字段的值作为参数，因此不需要 $('#... 在 parseInt 行中调用。只需输入 parseInt(value) 即可它:)