jQuery 进度条值未设置

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 中，它会显示得很好。如果我取消注释 var 值和警报行，我会收到包含该值的警报。我错过了什么？？

Answer 1

您必须将您的 attr 解析为 int :

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