jQuery：未定义显示

Question

我想在jQueryUI进度条下面显示进度百分比。

HTML：

<div class="progressbar_container">
    <div id="progressbar" class="progressbar_child"></div>
    <div id="percent" style="text-align: center;"></div>
</div>

脚本：

$(function () {
    var count = 0;
    setInterval(function () {
        count = count + 1;
        $("#progressbar").progressbar({
            max: 10,
            value: count,
            change: function (event, ui) {
                $("#percent").html(ui.value);
            }
        });
    }, 500);
});

但是，它显示：undefined％。 此外，它在进度开始后显示一点，这意味着：2,3 ...它不显示：0,1 ...

我做错了什么？

Answer 1

更改事件中的ui参数是虚拟占位符，如 docs 中所示。

您需要使用 value 方法获取值。

...
change: function (event, ui) {
    $("#percent").html($("#progressbar").progressbar( "value" ));
}
...