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

Ответ 1

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

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

Ответ 2

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

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

Ответ 3

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

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

Ответ 4

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

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

                }

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

Ответ 5

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

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

Ответ 6

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

Ответ 7

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

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