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参数是一个伪占位符，如docs中所示。

您需要使用值方法来获取该值。

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