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

jquery旋钮内部文本显示为两行,jquery,jquery-knob,Jquery,Jquery Knob,是否可以在单独的换行符上显示旋钮内显示的数字 我知道“格式”钩子可以向数字中添加文本,但我也想添加换行符。事实上它非常简单。 该插件基本上将格式化的值插入到输入的Val中。然而,如果你没有输入,而是输入一个文本区域,那么瞧!您需要将值放入textarea(因为textarea不像inputs那样具有value属性)。 我的例子是: <textarea class="dial" id="dll" data-displayPrevious="true" data-width="150" dat

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


我知道“格式”钩子可以向数字中添加文本,但我也想添加换行符。

事实上它非常简单。 该插件基本上将格式化的值插入到输入的Val中。然而,如果你没有输入,而是输入一个文本区域,那么瞧!您需要将值放入textarea(因为textarea不像inputs那样具有value属性)。 我的例子是:

<textarea class="dial" id="dll" data-displayPrevious="true" data-width="150" data-fgColor="#ccff00" data-font="Roboto" data-inputColor="#333">65</textarea>

确保在值和需要放在另一行的文本之间留一个空格(以便可以包装它-请参见“人物”)。同时,也要调整旋钮的行/列和宽度,以使其正确(也是文本环绕css)。

那么您尝试了什么?值得一试:
“格式”:“
我的文本”、
“格式”:“\nMy text”,
,尽管您可能会遇到对齐和/或溢出问题。抱歉@Roamer-1888,应该提到的是,我尝试将
添加到字符串中。它不是作为html处理的。和\n被忽略。正如我所说,可能存在对齐和/或溢出问题。应用这两个建议后,“检查元素”以查看实际插入的内容。您可能有第二行,但由于例如
溢出:none
,该行不可见。如果是这样的话,你需要以某种方式修改文本框的大小。请编辑问题,列出你尝试过的所有内容。这将阻止像我这样的白痴提出更“明智”的建议。指向JSFIDLE的链接也很好,这样人们就可以自己使用它了。稍后编辑:在函数中,字段的值已经作为参数,因此不需要$('#…在parseInt行中调用。只需输入parseInt(value)就可以了:)
$("#dll").knob({readOnly:true,'format' : function (value) {
 return parseInt($('#dll').val()) + '  people';
}, draw : function(){
     $("#dll").css("font-size","19px");

}});