JQuery UI: несколько бар прогресса - проблемы, чтобы установить динамические значения

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, все работает, поэтому проблема не в включении или использовании.

Я попытался с $ .each тоже, но ничего

$("div.progressbar").each (function() { 
    var element = this; 

    console.log($(element).attr("rel")); //ok right value 

    $(element).progressbar({ 
     value: $(element).attr("rel") 
    }); 
}); 

Любые идеи?

EDIT: Это работает

$("div.progressbar").each (function() { 
    var element = this; 

    $(element).progressbar({ 
     value: parseInt($(element).attr("rel")) 
    }); 
}); 

Answer 1

необходимо отправить номер

ProgressBar => объект значение => целое

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


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

Answer 2

Вы пытались использовать option method изменить значение вместо того, чтобы передать его в качестве инициализации Params?