如何在 jquery 旋钮中添加文本?
How to add text inside a jquery Knob?
这是我的代码,我在输入标签内使用了 data-prepend="abc"
,但它不起作用。如何在旋钮内添加高于百分比值的文本?
<div class=" myknob2">
<input type="text" value="33.33" class="dial2" data-thickness=".2" data-width="130" data-bgColor="#13430D">
<script>
$(function() {
$(".dial2").knob({
'format': function (value) {
return value + '%';
}
});
$('.dial2').trigger('configure', {
"min": 0,
"max": 100,
"fgColor": "#228B22",
"skin": "tron",
"cursor": false,
"inputColor": "#228B22"
});
});
</script>
</div>
根据您的意见,我使用 jQuery roundSlider 插件实现了这一点。查看以下演示:
DEMO
希望对你有帮助..
这是我的代码,我在输入标签内使用了 data-prepend="abc"
,但它不起作用。如何在旋钮内添加高于百分比值的文本?
<div class=" myknob2">
<input type="text" value="33.33" class="dial2" data-thickness=".2" data-width="130" data-bgColor="#13430D">
<script>
$(function() {
$(".dial2").knob({
'format': function (value) {
return value + '%';
}
});
$('.dial2').trigger('configure', {
"min": 0,
"max": 100,
"fgColor": "#228B22",
"skin": "tron",
"cursor": false,
"inputColor": "#228B22"
});
});
</script>
</div>
根据您的意见,我使用 jQuery roundSlider 插件实现了这一点。查看以下演示:
DEMO
希望对你有帮助..