我無法讓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分配給輸入字段，所有內容都排在最後。

對於任何稍後閱讀並笑的人，我很高興我逗你。對於任何有幫助的人來說，那也不錯。