JQuery UI：多个进度条 - 设置动态值的问题答案

【问题标题】：JQuery UI: multiple progress bar - problems to set dynamic valuesJQuery UI：多个进度条 - 设置动态值的问题
【发布时间】：2010-06-25 08:45:29
【问题描述】：

我有一些进度条（搜索结果），它的值是在 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")
    });
});

有什么想法吗？

编辑：这行得通

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

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

【问题讨论】：

标签： javascript jquery jquery-ui progress-bar

【解决方案1】：

需要发个号码

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

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


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

【讨论】：

你说得对……我没想到这可能是演员阵容问题

【解决方案2】：

您是否尝试过使用option method 来修改值而不是将其作为初始化参数传递？

【讨论】：