jQuery多个滑块:ui.slider.handle启动值

Question

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

我在处理程序上方使用两个"盒子"来显示当前值。他们正在与处理程序一起移动。

ut：我想出了如何在页面加载上显示启动值，但无法让处理程序的CSS值从开始就显示上方的框。

代码：

$(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);

错误必须在上面。Offset1 2的CSS值错误（滑块的启动和结尾）。

谢谢

Answer 1

这是一个图像：

http://i47.tinypic.com/w1ybua.jpg

您可以看到，框不在滑块上方，而是在栏的开始和结尾处。如何初始化滑块？