Jquery多滑块：ui.slider.handle开始值？

我面临一些问题：我正在使用多用户界面滑块。它从数据库收集数据。因此，在打开页面时，它已经有一个起始值和结束值

我使用处理程序上方的两个“框”来显示当前值。他们正在和处理者一起移动

但是：我知道如何在页面加载时显示起始值，但无法让处理程序的css值从一开始就显示它们上面的框

代码：

$（函数（）{
$（“#”）滑块({
范围：对，
民:16,，
最高：1024，
值：[php echo$from；？>，<？php echo$to；？>]，
步骤：<？php echo$step；？>，
幻灯片：功能（事件、用户界面）{
if（ui.values[1]<1024）{
$（“#”）html（ui.values[0]+“kbps”）；
$（“#”）html（ui.values[1]+“kbps”）；
}
否则{
$（“#”）html（ui.values[0]+“kbps”）；
$（“#”）.html（ui.values[1]+”kbps这是一幅图像：


如您所见，框不在滑块上方，而是在条的开始和结束处。如何在初始化滑块时进行更改？
我不理解您的问题。这是一个范围滑块吗？请提供一张它是什么类型的滑块的图像，或者解释您希望实现的目标。
$(function() {
    $("#<?php echo $site; ?>").slider({
        range: true,
        min: 16,
        max: 1024,
        values: [ < ? php echo $from; ? > , < ? php echo $to; ? > ],
        step: < ? php echo $step; ? > ,
        slide : function(event, ui) {
            if (ui.values[1] < 1024) {
                $("#<?php echo $fi; ?>").html(ui.values[0] + " kbps");
                $("#<?php echo $la; ?>").html(ui.values[1] + " kbps");
            }
            else {
                $("#<?php echo $fi; ?>").html(ui.values[0] + " kbps");
                $("#<?php echo $la; ?>").html(ui.values[1] + " kbps <");
            }

            $("#<?php echo $field; ?>").val(ui.values[0] + '-' + ui.values[1])

            alert($(this).children('.ui-slider-handle').first().css('left'));

            var offset1 = $(this).children('.ui-slider-handle').first().css('left');
            var offset2 = $(this).children('.ui-slider-handle').last().css('left');

            $("#<?php echo $fi; ?>").css('left', offset1);
            $("#<?php echo $la; ?>").css('left', offset2);
        },

    });
});

 $("#<?php echo $fi; ?>").css('left', offset1);
 $("#<?php echo $la; ?>").css('left', offset2);