jquery-ui - 複数の jquery プログレスバー ラベルに関する問題

Question

jquery-ui プログレスバー ラベルの問題に直面しています。

複数のプログレスバーを処理する単一のコードを実行しようとしています。提供しているフィドルでは、バーが完全に機能していることに気付くでしょうが、ラベルを解決できませんdata-width。見ているときは常に最後の値を取得しますバーのそれぞれの値を表示します。

ご覧ください: http://jsfiddle.net/jotapee/TRuND/21/

Answer 1

問題はこの行にあります：

$('.progress-label').text(width.toFixed(0) + "%");

テキストを設定すると、.progress-bar クラスの両方のラベルが呼び出されます。

ここに1つの可能な解決策があります：フィドル

HTML の場合:

<p><strong class="plabel">Master Plan</strong><span class="progress-label index-0"></span>
<p><strong class="plabel">Design</strong><span class="progress-label index-1"></span>

.js の場合:

$('.index-'+index).text(width.toFixed(0) + "%");