jquery旋钮中的值不显示答案

【问题标题】：Value in jquery knob not displayingjquery旋钮中的值不显示
【发布时间】：2014-03-05 22:23:18
【问题描述】：

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

});

（我搜索过的解决方案都不适合我。:( )

谢谢

【问题讨论】：

你检查过javascript控制台的错误吗？
是的，我查过了。我没有收到任何错误。

标签： javascript html jquery-mobile jquery-knob

【解决方案1】：

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

【讨论】：