2012-03-03 3 views
2

я смотрю на поджигатель, но я могу видеть только два элементаCSS JQuery UI ползунок настройки

как я могу превратить этот

enter image description here

в, например, этого?

enter image description here

ли я вручную добавить класс или что-нибудь?

это, как я инициализировать

.slider({ 
        value : $(this).attr('data-value'), 
        min: 0, 
        max: 100, 
        step: 5, 
        disabled: true, 
        slide: function(event, ui) { } 

}); 

ответ

2
$("#slider-range-min").slider({ 
    range: "min", 
    value: $(this).data('value'), 
    min: 1, 
    max: 700, 
    slide: function(event, ui) { 
     .... 
    } 
});​ 

http://jqueryui.com/demos/slider/#rangemin

+0

спасибо! с этим и .ui-slider-range-min {background: black} я достиг этого, возможно, вы хотите отредактировать и добавить clasname;) –

+0

Я просто хотел показать, как это можно было бы сделать. настройка зависит от вас :) –