jQuery旋鈕將無法正確顯示

Question

當我在下面使用它時，我得到的只是一個帶有數字的文本框.....我做錯了什麼？我是不是應該在它周圍弄圓形的吧？我試過每個瀏覽器都沒有作用。

我得到的是顯示在這張照片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> 

Answer 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/