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

Question

У меня есть индикатор выполнения (результаты поиска), значение которого динамически устанавливается в документе. Уже

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

Любые идеи?

РЕДАКТИРОВАТЬ: Это работает

$("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

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