Próbuję ustawić suwak jQuery w wartości ustawionej jako suwak w stosunku do każdej liczby pomiędzy minimalnymi liczbami minimalnymi &.Poprawione wartości suwaka jQuery UI
Chcę, aby "0, 25, 50, 100, 250, 500" były jedynymi kwotami, które ludzie mogą przesuwać, ale nie mogą ustalić, jak to się robi. Umieszczenie ich w części "Wartości" najwyraźniej nic nie da.
<script type="text/javascript">
$(function() {
$("#slider-range").slider({
range: true,
min: 0,
max: 500,
values: [100, 250],
slide: function(event, ui) {
$("#amount").val('Miles: ' + ui.values[0] + ' - ' + ui.values[1]);
}
});
$("#amount").val('Miles: ' + $("#slider-range").slider("values", 0) + ' - ' + $("#slider-range").slider("values", 1));
});
</script>
+1 Działa to wspaniale! Świetne, jeśli chcesz, aby wartości miały stałą wizualną szerokość między nimi. Teraz muszę tylko rozszerzyć CJuiSliderInput, aby zaimplementować to zachowanie w Yii;) –
@great_llama, twoja wersja generuje 2 kciuki na suwaku, więc możesz przeciągnąć oba. Zmodyfikowałem go na wypadek, gdy potrzebujesz tylko jednego kciuka do przeciągnięcia. http://jsfiddle.net/8B4wY/2/. Dodam to do twojej odpowiedzi, jeśli ktoś potrzebuje dokładnie jednej wersji, jeśli uważasz, że to nie należy, usuń ją. – rmagnum2002
W drugim przykładzie: 'suwak zakresu: wersja z jednym kciukiem' wartość' min' powinna wynosić '0'. – kolobok