jQueryUIのマルチプルプログレスバーで動的な値が設定できない

Question

プログレスバーを使っていて、document.readyに値を動的に設定しています。

`

<div class="progressbar" rel="21"></div> <div class="progressbar" rel="36"></div> <div class="progressbar" rel="44"></div> <div class="progressbar" rel="58"></div> ` さらに、 ` $(document).ready(function () { $("div.progressbar").progressbar({ value: $(this).attr("rel") }); }); ` これが動作しないのですが 値を40にする場合は実行出来るので使い方は合ってる気がしています

Answer 1

integerを送る必要があります

`
progressbar=> object value=> integer

$(element).attr("rel") = "21" => string value
parseInt($(element).attr("rel")) = 21 integer value

$(document).ready(function () {
$("div.progressbar").progressbar({
value: parseInt($(element).attr("rel"))
});
});
`