2012-10-24 3 views
1

jquery 슬라이더가 있으며 값이 핸들 안에 있다는 점에서 스타일이 지정됩니다. 이 슬라이더에서 선택한 요일에 작동하는 스크립트가 있지만 핸들 내에 요일을 표시하고 싶습니다.핸들 내부 Jquery UI 슬라이더 값

나는 이것을 시도했지만 작동하지 않습니다.

$("#slider2").slider({ 
    max:30, 
    min:7, 

    slide: function(event, ui) { 

     $("#days").val(ui.value); 
     $("#date").html(addDaysToDate(parseInt($("#days sliderControl-label v-labelCurrent unit").val()))); 
       update(); 
    }, 
    create: function(event, ui) { 
     $("#date").html(addDaysToDate(parseInt($("#days sliderControl-label v-labelCurrent unit").val()))); 
    }  
}); 

여기는 Fiddle입니다. 그래서 핸들에서,이 숫자는 Days button과 같아야하며, 카운트는 최대 30 일입니다.

건배,

요나

+0

합니다. 고맙습니다 – Jonah

답변

0

이 코드는 존재하지 않는 요소 ("AMOUNT2", "날짜", 등)의 ID에 대한 참조를했다.

또한, "존재하지 않는"id라는 "일"슬라이더를 참조했다고 생각합니다.

this fiddle에서 핸들 안에 현재 슬라이더 값을 업데이트 한 약간의 작업 예제를 남겼습니다. 이것은 단지이 id를 처리함으로써되었다 :

<div id="slider2"><a id="days" class="ui-slider-handle"></a></div> 

제대로 슬라이더의 슬라이드 이벤트 내부의 가치 업데이트 : 어떤 도움이 도움이 될 것

$("#days").html(ui.value);