0

私は小さなjQueryの問題を抱えています。基本的に、1〜2秒で0から指定されたパーセンテージまでロードする進行状況バーを作成しようとしています。

チュートリアルに基づいて、私がこれまでにやってきたことを見てください: JSFiddle

フィドルはそれをアニメーション化しませんが、実際に何が起こるかを説明させてください (どうやら私のテストファイルでは動作するようです)。

したがって、進行状況バーは想定どおりにロードされますが、html の「title=」に指定された値で停止します。パーセンテージを受け入れないため、設定幅が 460 の場合、バーを 50% で停止させるには、値を 230 にする必要があります。

このスクリプトに関するもう 1 つの問題は、実際には最初のバーのみが実際の値を取り、他のすべてのバーは指定された値に関係なく最初のバーを「コピー」することです。私には奇妙に見えます。

私は、これらの問題の両方を解決する方法、または目的の効果を達成するためのより良い方法、できればピクセル値ではなくパーセンテージで入力する方法を探しています。

ありがとう。

4

1 に答える 1

0

http://jsfiddle.net/mWdgz/4/

$("document").ready(function () {

    // animate the progress bar onload

    $('.progress_bar').each(function () {
        $(this).animate({
            width: this.title
        }, 1000);
    })

});
于 2013-06-18T15:31:58.027 に答える