JQuery用户界面：多进度条 - 问题设置动态值

Question

我有一些进度条（搜索结果），该值是动态上的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，一切正常，所以问题不在于包含或使用。

我用$。每次尝试过，但没有

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

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

Answer 2

您是否尝试过使用option method修改值，而不是将它作为初始化PARAMS？