自动jQuery进度条

时间:2011-04-01 20:10:54

标签: jquery jquery-ui progress-bar jquery-ui-progressbar

今天我在网页上实现了jQuery Progress-bars。我需要在同一页面上实现大约30个进度条。

它的代码就像这样

$( "#progressbar" ).progressbar({
value: 80
});

在下面的div上显示80%已满的进度条

<div id="progressbar"></div>

现在发生的事情是,我必须提到30个不同的进度条div,然后使用30个jquery调用来调用它们运行...

相反

我试过的是

<div id="progressbar" title="54"></div>

打电话为

$( "#progressbar" ).progressbar({
value: $(this).attr('title')
});

应该自动赋予该div标题的值...

虽然这不起作用......

谁知道这里有什么问题?

我也试过

$( "#progressbar" ).each( function(){
progressbar({
value: 80
});
});

仍然没有去

任何人都可以在这里给我一个提示......非常感谢!

1 个答案:

答案 0 :(得分:4)

发现了。干杯!

它像这样工作

<div class="progressbar" rel="54"></div>

然后调用

            $("div.progressbar").each (function () {
                var element = this;
                $(element).progressbar({
                value: parseInt($(element).attr("rel"))
                });
            });

欢迎来到@ volkan-er的人在这里回答 - JQuery UI: multiple progress bar - problems to set dynamic values

:)