多个jQuery UIProgress栏

时间:2009-12-11 01:57:16

标签: javascript jquery jquery-ui progress-bar

我正在尝试在一个页面上显示多个“静态”jQuery进度条,所有这些都具有不同的不同值....无论如何,说我有这些代码:

$(function() {
$(".progressbar").progressbar({value: 37});
})

有没有办法为进度条的多个“实例”使用同一个类?是否可以传递不同的值?

任何帮助将不胜感激......

谢谢!

1 个答案:

答案 0 :(得分:2)

如果您的多个元素的类别为progressbar,则行$('.progressbar').progressbar()应将所有元素放入单独的进度条中。

如果您为每个进度条元素指定一个不同的ID,则可以单独操作它们。

例如:

$('#bar1').progressbar({value: 37});
$('#bar2').progressbar({value: 54});
$('#bar3').progressbar({value: 99});