自動jQuery進度條

Question

今天我在一個web頁面上實現了jQuery進度條。我需要在同一頁面上實施大約30個進度條。

它的代碼是這樣

$("#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 
}); 
}); 

還是不走

誰能給我一個提示這裏...非常感謝！

Answer 1

找到了。乾杯!

它的工作原理是這樣

<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

:)