1

私はいくつかの問題に直面しています: 複数の UI スライダーを使用しています。データベースからデータを収集します。したがって、ページを開くと、すでに開始値と終了値があります。

現在の値を表示するために、ハンドラーの上に 2 つの「ボックス」を使用しています。彼らはハンドラーと一緒に動いています。

しかし：ページの読み込み時に開始値を表示する方法を見つけましたが、ハンドラーの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

here's an image:

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

As you can see, the boxes aren't above the sliders but on the start and ending of the bar. How do I change this on initializing the slider?

于 2012-10-26T09:08:07.997 に答える