jQuery progressbar значение не установлено

Question

Я думаю, что мне не хватает чего-то действительно очевидного здесь ... должно быть ... но по какой-то причине я не могу заставить свой прогрессбар отобразить значение, установленное в атрибуте!

вот мой HTML:

<div class="progressBar" data-value="58"></div> 

и JS:

$(function() { 
    $('.progressBar').each(function() { 
     $(this).progressbar(); 
     //var value = $(this).attr('data-value'); 
     //alert(value); 
     $(this).progressbar('option', 'value', $(this).attr('data-value')); 
    }); 
}); 

Он отображает строку, но не показывает значение (то есть значение = 0). Если я жестко задаю значение в js, он показывает штраф. Если я раскомментирую значение переменной и строку предупреждения, я получаю предупреждение со значением. Что мне не хватает?

Answer 1

Вы должны разобрать ваш Attr, как межд:

$(this).progressbar('option', "value", parseInt($(this).attr('data-value'), 10)); 

Answer 2

попробовать это:

$(this).progressbar('option', 'value', parseInt($(this).data('value'),10)); 

Answer 3

работает демоhttp://jsfiddle.net/WQnqS/илиhttp://jsfiddle.net/WQnqS/1/

код

$(function() { 
    $('.progressBar').each(function() { 
     $(this).progressbar(); 
     //var value = $(this).attr('data-value'); 
     //alert(value); 
     $(this).progressbar('option', 'value', parseInt($(this).attr('data-value'))); 
    }); 
});​ 

Answer 4

В случае, мы не получим первую попытку. попробуйте вот так:

$(function() { 
    $('.progressBar').each(function() { 
    var thisValue = parseInt($(this).attr('data-value')); 
    $(this).progressbar({ value: thisValue }); 
    }); 
});