Question

我想知道是否有人知道如何更改jQuery Knob内圈背景颜色？

<script>
    $(function($) {
        $(".knob").knob({
            //'readOnly':true,
            'fgColor':"#238eb1",
            'bgColor':'#1b1b1b'
        });
    });
</script>

<div class="nob">
            <input class="knob" data-bgColor="#fff" data-width="200" data-max="1499" data-displayPrevious=true value="1250">
        </div>

Answer 1

我最终直接编辑了jquery.knob.js文件（从第764行开始）：

if (this.o.bgColor !== "none") {

            c.beginPath();
            c.strokeStyle = this.o.bgColor;
            c.arc(this.xy, this.xy, this.radius, this.endAngle - 0.00001, 
            this.startAngle + 0.00001, true);

            c.fillStyle="#fff";         // Added code to make the inner circle white
            c.fill();                   // Added code to make the inner circle white

            c.stroke();
        }

您只需要确保'冲程'出现在'冲程'之前。

Answer 2

您可以执行以下操作：

.parentElement {
    background: #ccc;
    border-radius: 50%;
}

Answer 3

检查以下代码：

$(".knob").knob({
    'fgColor': 'red',
    'bgColor': '#ccc000',
});

或查看以下小提琴：http://jsfiddle.net/itskawsar/6BYhF/2/

我认为这会有所帮助。

Answer 4

这里你去...感谢GoDataFeed！

$(".knob").trigger("configure", { fgColor: color }).css("color",color);

jQuery旋钮应用内部颜色

4 个答案: