jQuery readonly slider-как это сделать?

Как я могу иметь слайдер jQuery, который только для чтения? Тот, который будет отображать значение, но пользователю не будет разрешено его перемещать?

спасибо

19
jquery jquery-plugins jquery-ui jquery-ui-slider

7 ответов

в документации говорится, что есть .slider('disable') функция - не уверен, что это на самом деле делает с самим элементом слайдера, но это может быть вариант для вас.

документации

20

я попробовал все предложенные. Только это работает:

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

отключение делает его прозрачным. Если вы хотите, чтобы он выглядел как обычный слайдер, вы можете переопределить обработчик слайдов, чтобы вернуть false:

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

У меня такая же проблема, что слайдер исчезает, если я использую непосредственно $('#mySlider').слайдер ("отключить");. Я загрузил первый слайдер..затем отключил его. Хотя это не очень хороший способ, но он работает для меня.

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

                }

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

вам просто нужно будет сделать это:

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

У меня был запрос клиента на сегодня. Вероятно, это хорошая идея сделать это как наилучшую практику и предотвратить ввод строки.

поскольку ползунок устанавливает значение в теге , вы можете сделать это"только для чтения".

<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>

Скрипка

0

$("#slider").slider("disable") работает нормально, но повторное включение не работает $("#slider").slider("enable")

0