2011-04-01 78 views
3

今天我在一个web页面上实现了jQuery进度条。我需要在同一页面上实施大约30个进度条。自动jQuery进度条

它的代码是这样

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

它显示一个进度条充满80%的下方DIV

<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 
}); 
}); 

还是不走

谁能给我一个提示这里...非常感谢!

回答

4

找到了。干杯!

它的工作原理是这样

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

,然后调用像

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

干杯@沃尔坎儿谁在这里回答了这个问题 - JQuery UI: multiple progress bar - problems to set dynamic values

:)

+0

GRAT,欢呼:) – 2011-04-01 20:29:34