我有一些进度条(搜索结果)，其值是在 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 用户界面 : multiple progress bar - problems to set dynamic values，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3116673/