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？