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/