jquery-ui - 多个 jquery 进度条标签的问题

Question

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

我正在尝试编写一个可以处理多个进度条的代码，在我提供的小提琴中，您会注意到进度条运行良好但我无法解决标签data-width，当我在寻找时，我总是得到最后一个值显示每个条形的值。

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

Answer 1

问题出在这一行：

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

当您设置文本时，将调用 .progress-bar 类的两个标签。

这是一种可能的解决方案：小提琴

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