jQuery UI 슬라이더의 값을 슬라이더 버튼에 표시 할 수 있습니까?

클라이언트가 아래 UI를 코딩하도록 요청했습니다. 슬라이더의 값은 실제 슬라이더 버튼에 있습니다. http://img714.imageshack.us/img714/9043/sliderb.jpg jQuery UI 슬라이더의 값을 슬라이더 버튼에 표시 할 수 있습니까?

아무도 최소한의 저항의 방향으로 나를 가리킬 수 있습니까? jQuery UI 슬라이더로 할 수 있을까요? 아니면 다른 곳을 봐야할까요?

덕분에 많은

출처

2012-01-08 user827570

물론 일 : 그것을 가문비 나무 몇 가지 CSS와

$("#slider").slider({ 
    create: function() { 
     /* Set the handle text to min value */ 
     $(this).find("a.ui-slider-handle").text($(this).slider("option", "min")); 
    }, 
    slide: function (event, ui) { 
     $(this).find("a.ui-slider-handle").text(ui.value); 
    } 
});

, 당신은 확실히 그 달성 할 수 있어야한다 :

a.ui-slider-handle { text-decoration: none; }

예 :http://jsfiddle.net/T5Y7k/1/를

출처

2012-01-08 02:09:52

대단히 감사합니다. 또 다른 빠른 질문이 있습니다. 슬라이더에서 특정 값으로 스냅하는 방법은 무엇입니까? 클라이언트는 예를 들어 10204075100200을 원한다고 말하면서 10의 간격을 원하지 않습니다. 다시 한 번 감사드립니다 – user827570

@ user827570 : 실제로는 꽤 좋은 질문입니다. ':)' –

@ user827570 : 새 질문을하는 것이 더 낫습니다. 실제로이 질문을하는 방법에 대해 알아 보겠습니다. http : // changeoverflow.com/questions/967372/jquery-slider-how-to-make-step-size-change –

Jqu를 사용하는 경우 당신은 슬라이더의 값을 얻을 수 있고, CSS를 사용하여 그 값을 슬라이더의 요소에 넣을 수 있습니다.

Jquery를 사용하면 기본 UI CSS 스타일링을 변경할 수 있으므로 해당 요소의 ID를 사용하여 적절하게 변경할 수 있습니다.

수정할 수있는 jquery.ui.slider.css 스타일 시트 내에서 참조되는 위젯 관련 클래스가 있습니다. http://jqueryui.com/demos/slider/#range을 확인하고 해당 링크의 테마 탭을 확인하십시오.

출처

2012-01-08 02:10:23 T23

jQuery UI 슬라이더의 값을 슬라이더 버튼에 표시 할 수 있습니까?

답변

관련 문제