JQuery UI: mehrere Fortschrittsbalken - Probleme dynamische Werte setzen

Question

ich einige Fortschrittsbalken (Suchergebnisse) haben, der Wert dynamisch auf 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> 

Und

$(document).ready(function() { 

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

Dieser gesetzt scheint nicht zu funktionieren. Stattdessen, wenn ich Wert: 40, alles funktioniert, so ist das Problem nicht in der Aufnahme oder Nutzung.

Ich habe versucht, mit .each $ zu, aber nichts

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

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

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

Irgendwelche Ideen?

EDIT: Dies funktioniert

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

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

Answer 1

Notwendigkeit, eine Reihe

progressbar => Objekt Wert => 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")) 
    }); 
}); 

Answer 2

Haben Sie mit option method versucht, Wert zu ändern, anstatt sie als Initialisierung params zugeben?