0

プロジェクトで jquery ノブを使用して、パラメータの値を設定しています。ただし、jquery ノブの中央に入力値が表示されません。jsfiddle で試してみましたが、動作しますが、コードで使用するとまったく同じことが動作しません。どこが間違っているのかわかりませんか？どなたかアドバイスいただけないでしょうか??

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">

以下の JavaScript:

$('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');

});

（私が検索した解決策はどれもうまくいきませんでした。:( ）

ありがとう

4

1 に答える 1

1

問題は、khubjs のインクルードです。github から直接インクルードしていますが、MIME タイプが異なるため、ブラウザーはそれを拒否します。別のソースからインクルードしてみてください。問題なく動作します。ページに github の JS を直接含めないでください。github は CDN ではありません。

于 2015-05-12T10:18:33.500 に答える