我无法获得jQuery旋钮来显示值

首先，提前感谢任何建议。 我到处寻找解决方案，找不到任何东西。 不可否认，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('Uploading ' + picName + '...'); $(progressField).append('
'); $("#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分配到输入字段，一切都会顺利排列。

对于任何稍后阅读并笑的人，我很高兴我很开心。 对于任何有帮助的人来说，这也很好。