多个jquery进度条标签问题

Question

我遇到了jquery-ui进度条标签的问题。

我正在尝试做一个能够处理多个进度条的单个代码，在我提供的小提琴中你会注意到条形图工作正常但我无法解决标签，我总是得到最后一个{{1} }值，当我想要显示每个栏的值时。

请看一下：http://jsfiddle.net/jotapee/TRuND/21/

Answer 1

问题出在这一行：

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

设置文本时，将调用带有.progress-bar类的BOTH标签。

以下是一种可能的解决方案：fiddle

在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) + "%");