JQuery UI：多个进度条 - 设置动态值的问题 [英] JQuery UI: multiple progress bar - problems to set dynamic values

问题描述

我有一些进度条（搜索结果），该值是在document.ready上动态设置的。

I have some progress bar (search results), which value is dynamically set on 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，一切正常，所以问题不在于包含或使用。

This not seems to work. Instead, if i do value: 40, everything works, so the problem is not in the inclusion or use.

我也试过$ .each，但没有什么

I tried with $.each too, but nothing

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

推荐答案

需要发送一个号码

progressbar => object
value => integer

progressbar => object value => 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"))
  });
});

这篇关于JQuery UI：多个进度条 - 设置动态值的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！