jQuery слайдер только для чтения - как это сделать?

Question

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

Спасибо

Answer 1

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

Документация здесь

Answer 2

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

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

Answer 3

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

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

Answer 4

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

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

                }

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

Answer 5

Вы просто должны сделать это:

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

Answer 6

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

Поскольку ползунок устанавливает значение в теге , вы можете сделать его " 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 7

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