ページロードの現在のスライダ値が正しくありません

Question

jqueryスライダの現在の値を表示しようとしていますが、これはスライダを1回動かすだけです。 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"); 
}); 

私はpageloadに正しい値を表示するようにしなければならないのですか？

Answer 1

要素名が間違っているようです。 UI-スライダーでなければなりません

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

Demo