Question

我在我的项目中使用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');

});

（我搜索过的解决方案都没有，为我工作。:(）

由于

Answer 1

问题是你的knobjs包含，你直接从github包含它并且浏览器拒绝它，因为它的mime类型是不同的。尝试包括来自其他来源，它将工作得很好。永远不要在页面中直接包含来自github的JS。 github不是CDN。

jquery旋钮中的值不显示

1 个答案: