Question

我遇到了一些问题：我正在使用多个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值（滑块的开始和结束）。

由于

Answer 1

这是一张图片：

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

如您所见，这些框不在滑块上方，而是在条形的开始和结束处。如何在初始化滑块时更改此设置？

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

1 个答案: