jQuery UI 슬라이더로 사용자 정의 범위 / 변수 세트


Answers

데모

$("#slider-size .slider").slider({
  min: 0,
  max: 24, // max is 24
  step: 2,
  slide: function(event, ui) {
    var s = ui.value;
    switch(ui.value) {
       case 20:
         s = '16W';
         break;
       case 22:
         s = '18W';
         break;
       case 24:
         s = '12W';
         break;
    }
    $(".rsize").text(s);
  }
});

----- 또는 ------

데모

$("#slider-size .slider").slider({
  min: 0,
  max: 24, // max is 24
  step: 2,
  slide: function(event, ui) {
      $(".rsize").text((ui.value >18)?(ui.value-4)+'W':ui.value);
  }
});​
Question

JQuery UI Slider 와 함께 사용할 커스텀 데이터 세트를 만들 수 있는지 알고 싶었습니다. 저는 드레스 크기가 [0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 16W, 18W, 20W] 인 사이트에서 작업하고 있습니다.

내가 겪고있는 문제는 18 세 이후에 발생합니다.이 크기가 다소 넓은 "넓은"크기로 점프합니다.

16W, 18W 및 크기를 추가하기 전에 다음 코드를 사용하여 작동하는 슬라이더를 만들었습니다.

$("#slider-size .slider").slider({
  min: 0,
  max: 18,
  step: 2,
  slide: function(event, ui) {
    $(".rsize").text(ui.value);
  }
});

해당 함수의 마지막 인수는 슬라이더가 변경 될 때 텍스트 값을 변경합니다.

누구든지이 목록의 끝에 16W, 18W 등을 추가하는 방법을 알고 있습니까?

감사!