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

ui change change中的參數是虛擬佔位符，如docs中所示。

您需要使用value獲取值的方法。

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