2014-03-05 3 views
0

내 프로젝트에서 일부 매개 변수의 값을 설정하기 위해 jquery 손잡이를 사용하고 있습니다. 그러나 jquery 노브의 중앙에 입력 값을 볼 수 없습니다. 내가 jsfiddle에서 그것을 시도하고 그것은 작동하지만, 똑같은 것은 내 코드에서 사용하면 작동하지 않는다. 어디서 잘못 가고 있는지 확실하지 않습니다. 누구든지 조언을 할 수 있습니까 ??jquery 손잡이의 값이 표시되지 않습니다.

jsFiddle 링크 : http://jsfiddle.net/pljsf/RJY3N/

HTML :

<script src='https://raw.github.com/aterrien/jQuery-Knob/master/js/jquery.knob.js'></script> 

<input type="text" value="55" class="dial"> 

자바 스크립트 아래 :

$('document').ready(function() { 

var dialColor = 'blue'; 
var dialValue = $('.dial').val() ; 

$(".dial").knob({ 
      'width':"200", 
      'height':"200", 
      'min' : "50", 
      'max' : "110", 
      'thickness':.3, 
      'fgColor':dialColor, 
      'tickColorizeValues': true, 
      'dynamicDraw': true, 
      'displayInput': true, 
      "skin":"tron", 
      'inputColor' : "#ff0000", 
      //'change' : function(dialValue) { $('.dial').val(dialValue); }    
      }); 
    $('.dial').val(dialValue).trigger('change'); 

});                       

(. 내가 검색 한 솔루션 중에 나를 위해 일하지 :()

감사합니다.

+0

자바 스크립트 콘솔에서 오류를 확인 했습니까? –

+0

예, 확인했습니다. 나는 어떤 오류도 내지 않는다. – user3337843

답변

1

문제는 귀하의 손잡이가 포함 된 것입니다, github에서 직접 포함시키고 브라우저가 마임 유형이 다르기 때문에 브라우저가이를 거부합니다. 다른 소스에서 포함을 시도하면 정상적으로 작동합니다. 페이지에 직접 github의 JS를 포함하지 마십시오. github은 CDN이 아닙니다.

관련 문제