1

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

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

但是：我想出了如何在页面加载时显示起始值，但无法获取处理程序的 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 值（滑动条的开始和结束）。

谢谢

4

1 回答 1

0

这是一张图片：

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

如您所见，框不在滑块上方，而是在栏的开始和结束处。如何在初始化滑块时更改它？

于 2012-10-26T09:08:07.997 回答