jQuery Knob无法正确显示

时间:2015-06-29 03:45:11

标签: jquery jquery-knob

我在下面使用时得到的是一个带有数字的文本框.....我做错了什么?阿伦我应该绕着它拿圆棒?我尝试过每个浏览器都无效。

我得到的所有内容都显示在此图片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>

1 个答案:

答案 0 :(得分:0)

除了脚本之外,您还需要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/