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

问题是你的knobjs包含，你直接从github包含它并且浏览器拒绝它，因为它的mime类型不同。尝试从另一个来源包含它，它会工作得很好。切勿将来自 github 的 JS 直接包含在您的页面中。github 不是 CDN。

于 2015-05-12T10:18:33.500 回答