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分配到一个输入字段，一切都会顺利排列。

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

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

1 个答案: