javascript – JQuery UI:多个进度条 – 设置动态值的问题

前端之家收集整理的这篇文章主要介绍了javascript – JQuery UI:多个进度条 – 设置动态值的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一些进度条(搜索结果),该值是在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"))
    });
});

解决方法

需要发一个号码

progressbar =>宾语
value =>整数

$(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相关文章