頁面加載錯誤的當前滑塊值

Question

我試圖顯示一個jquery滑塊的當前值，這個工程，但只有當我移動滑塊一次。在initalization其顯示的："[object Object] seconds"

這是我的全碼：

$(document).ready(function() { 
    var intSeconds = 10; 
    var refreshId; 

    $("#container").load("stats.php"); 
    function sTimeout() 
    { 
      // Saving the timeout 
      refreshId = setTimeout(function() { 
      $("#container").load('stats.php'); 
      sTimeout(); 
     }, intSeconds *1000); 
    } 

    $.ajaxSetup({ cache: false }); 

    // The slider 
    $("#ui-slider").slider({ 
     min : 5, // minimum value 
     max : 45, // Maximum value 
     step : 5, 
     value : intSeconds, // Copy current value 
     change: function(event, ui) { 
      $("#amount").val( ui.value + " seconds" ); 
      clearTimeout(refreshId); // clear it 
      intSeconds = ui.value; // Update value 
      sTimeout(); // Restart it 

     } 
    }); 
      $("#amount").val($("#slider").slider("value") + " seconds"); 
}); 

我有什麼做的顯示在頁面加載正確的價值？

Answer 1

元素名稱看起來不對。應該是UI的滑塊

$("#amount").val($("#ui-slider").slider("value") + " seconds"); 

Demo