1

まず、アドバイスをよろしくお願いします。私はどこでも解決策を探しましたが、何も見つかりません。確かに、Javascript は私の得意分野ではありません。

fineuploader を使用してファイルを 1 つずつアップロードし、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');
4

1 に答える 1

5

何日もいじくり回した後、私は自分の問題を解決しました。他の誰かが私と同じ問題を抱えていて、答えが必要な場合に備えて、ここに投稿すると思いました。

まず、私は自分の過ちを認めなければなりません。jQueryノブを意図した目的以外の目的で使用しようとしていました。アップロードの進行状況を表示したいだけでした。何も入力するつもりはなかったので、標準のdivに入れました。数値のアップロード パーセンテージ以外のすべての div で正常に機能しました。円の中心に数字を表示できませんでした。

問題は、それが div にあることをまったく意図していなかったことです。入力フィールドではないため、「入力」値を受け入れません。.knob を入力フィールドに割り当てると、すべてがうまくいきました。

後でこれを読んで笑う人にとっては、私があなたを楽しませてくれたことをうれしく思います. 誰にとっても、それが役立つということは、まあ、それも良いことです。

于 2013-06-03T00:24:51.133 に答える