Jquery 여러 슬라이더 : ui.slider.handle 시작 값?

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

당신이 볼 수 있듯이, 상자하지 슬라이더 위에 있지만 시작과 바의 끝입니다. 슬라이더를 초기화 할 때 이것을 어떻게 변경합니까?