我无法让jQuery旋钮显示一个值

Question

首先，在此先感谢您的任何建议。我到处寻找解决方案，找不到任何东西。无可否认，Javascript并不是我的强项。

我正在使用fineuploader上传文件，一个接一个地使用jQuery旋钮来显示上传进度。该旋钮仅用于上传进度更新，不应该是交互式的。我可以设置它的样式，设置旋钮的大小完成百分比等，但我无法得到它在中间显示上传％。

这是我的代码。

}).on('upload', function(event, id, name) { 
    var progressField = $('#' + 'pic' + (id + 1)).parent(); 
    progressField = progressField.parent(); 
    var picName = $(progressField).children('label:first').html(); 
    $(progressField).attr("class", "uploaderBox"); 
    $(progressField).html(''); 
    $('.uploaderBox').html('<span class="picName">Uploading ' + picName + '...</span>'); 
    $(progressField).append('<div id="progressKnob"></div>'); 
    $("#progressKnob").knob({ 
          "displayInput": true, 
          "thickness": .15, 
          "width": 70, 
          "fgColor": "#FF00FF", 
          "inputColor": "#000000" 
          }); 
}).on('progress', function(extra, id, name, uploadedBytes, totalBytes){ 
    var currentProgress = Math.round((uploadedBytes/totalBytes) * 100); 
    $('#progressKnob') 
     .val(currentProgress) 
     .trigger('change'); 
}).on('complete', function(event, id, name, responseJSON){ 
    $('#progressKnob') 
     .val(100) 
     .trigger('change'); 

Answer 1

经过多日的修补，我解决了自己的问题。我只是以为我会在这里发布它，以防其他人发展出同样的问题，并且需要答案。

首先，我必须承认我自己的错误。我试图将jQuery旋钮用于除预期用途之外的其他用途。我真的只希望它显示上传的进度。我无意使用它来输入任何东西，所以我把它放在一个标准的div中。除了数字上传百分比之外，它在div中的工作都很好。我无法让它在圈子的中心显示一个数字。

问题是，它并不打算在div中。它不会接受“输入”值，因为它不是输入字段。一旦我将.knob分配给输入字段，所有内容都排在最后。

对于任何稍后阅读并笑的人，我很高兴我逗你。对于任何有帮助的人来说，那也不错。