2013-03-15 3 views
1


Я использую jQuery UI Slider.It работает нормально, но range div (часть, которая говорит, сколько деталей перетаскивается) не отображается.
вот fiddle. Может кто-нибудь решить проблему.jQuery UI Slider range не отображается

И еще одно: можем ли мы показывать индексы на ползунках.
Предположим, ползунок имеет min=0 and max=10. Теперь я хочу показать 1 номерам 10 в качестве индексов выше или ниже ползунков. Это будет клиентом то, где он находится ...

Возможно ли это?

ответ

1

для показа выбранного диапазона,

Демонстрация: http://jsfiddle.net/WmuPN/5/

Код:

<div class="vUiSlider"></div> 
<div id="slideValue"></div> 

SCRIPT

$('.vUiSlider').slider({ 
    min:0, 
    max:100, 
    value:3, 
    animate: true, 
     slide: function(event, ui) { 
      $("#slideValue").text(ui.value); 
     } 
    }); 

Для получения более че ск JQuery документация UI, http://jqueryui.com/slider/#range

UPDATE:

Проверить эти один, http://jsfiddle.net/WmuPN/10/ для показа выбранного диапазона цветовых

+0

К сожалению .. Я думаю, что я был беден при объяснении моей проблемы .. Я не хочу для отображения значения диапазона. Я мог бы сделать эту часть уже ... Но то, что я просил, чтобы я хотел покрасить часть диапазона, которая имеет класс «.ui-slider-range». Если вы проверите демонстрацию jQuery Slider и категорию #colorpicker, они окрашены в красный цвет до той части, которая была перетащена. Надеюсь, что я понятен. –

+0

Попробуйте этот, http://jsfiddle.net/WmuPN/10/ –

Смежные вопросы