javascript - JQuery UI : multiple progress bar - problems to set dynamic values

我有一些进度条(搜索结果)，该值在 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")
  });
});

这似乎不起作用。相反，如果我确实 value: 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"))
    });
});

最佳答案

需要发送一个号码

进度条 => 对象
值 => 整数

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


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

关于javascript - JQuery UI : multiple progress bar - problems to set dynamic values，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3116673/