jquery - 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);
});

但是，它显示：未定义的 %。此外，它会在进度开始后显示一点，这意味着：2, 3... 它不显示：0, 1...

我做错了什么？

Answer 1

change 事件中的ui参数是一个虚拟占位符，如文档中所示。

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

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