jQuery suwak readonly - jak to zrobić?

Question

Jak mogę mieć suwak jQuery, który jest tylko do odczytu? Jeden, który wyświetli wartość, ale użytkownik nie będzie mógł go przenieść?

Dzięki

Answer 1

Dokumentacja mówi, że to .slider('disable') funkcja - nie wiem, co to właściwie nie do samego elementu suwakowego, ale to może być opcja dla Ciebie.

Documentation here

Answer 2

byłoby po prostu trzeba to zrobić:

$('#mySlider').slider('disable'); 

Answer 3

Mam ten sam problem, że suwak znika, jeśli mogę użyć bezpośrednio $ ('# mySlider'). Slider ('Wyłącz') ;. Załadowałem suwak fisrt.. następnie go wyłączyłem. Chociaż nie jest to dobra droga, ale działa dla mnie.

$('#mySlider').slider(
      { 
       range: "min", 
       min: 0, 
       max: 100,     
       value: $("span", this).text(), 

       } 

      }); 
$('#mySlider').slider('disable'); 

Answer 4

$("#slider").slider("disable") działa dobrze, jednak włączyć ją ponownie nie działa $("#slider").slider("enable")

Answer 5

miałem żądania klienta dla tego dzisiaj. To prawdopodobnie dobry pomysł, aby zrobić to jako najlepszą praktykę i zapobiec wprowadzaniu ciągów.

Ponieważ suwak ustawia wartość w tagu wejściowym < >, można go ustawić jako "readonly".

<p> 
    <label for="amount">Price range:</label> 
    <input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" readonly /> 
</p> 

<div id="slider-range"></div> 

Fiddle

Answer 6

próbowałem wszystkie sugerowane. Działa tylko:

$('#mySlider').slider({ disabled: true }); 

Answer 7

Wyłączenie sprawia, że ​​jest przezroczysty. Jeśli chcesz, aby wyglądał jak normalny suwak, możesz zastąpić suwak obsługi, aby zwrócić fałsz:

$("#mySlider").on("slide", function (event, ui) { return false; });