页面加载时当前滑块值错误

时间:2011-11-13 08:11:15

标签: jquery jquery-ui

我正在尝试显示jquery滑块的当前值,这是有效的,但仅限于我移动滑块一次。关于初始化,它显示了这个:"[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上显示正确的值?

1 个答案:

答案 0 :(得分:0)

元素名称似乎错了。应该是ui-slider

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

Demo