jQuery 旋钮无法正确显示答案

【问题标题】：jQuery Knob won't display correctlyjQuery 旋钮无法正确显示
【发布时间】：2015-06-29 03:45:11
【问题描述】：

当我在下面使用这个时，我得到的只是一个带有数字的文本框.....我做错了什么？我不应该在它周围设置圆形条吗？每个浏览器我都试过了，都不行。

我得到的都显示在这张图片中http://imgur.com/FTa6zBW

我把它们包括在内。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.knob.js"></script>



    <input type="text" value="75" class="dial">
    <script>
    $('.dial')
    .trigger(
        'configure',
        {
        "min":10,
        "max":40,
        "fgColor":"#FF0000",
        "skin":"tron",
        "cursor":true
        }
    );
</script>

【问题讨论】：

标签： jquery jquery-knob

【解决方案1】：

除了动态配置旋钮的脚本之外，您似乎还需要example code 中的脚本。

$(".dial").knob({
    'change' : function (v) { console.log(v); }
});

$('.dial').trigger(
    'configure',
    {
        "min":10,
        "max":40,
        "fgColor":"#FF0000",
        "skin":"tron",
        "cursor":true,
    }
);

见小提琴：http://jsfiddle.net/v1gu9cLt/

【讨论】：