jQuery読み取り専用スライダー - 方法？

Question

読み取り専用のjQueryスライダを使用するにはどうすればよいですか？値を表示するが、ユーザーはそれを移動することはできませんか？

おかげ

Answer 1

ドキュメントが.slider('disable')機能があると言う - それは実際には、スライダ要素自体に何をするかわからないが、それは選択肢かもしれあなたのために。

Documentation here

Answer 2

あなたは、単にこれを実行する必要があります：

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

Answer 3

私は私が直接$（ '＃のmySlider'）を使用する場合、スライダが消えたのと同じ問題を持っている。スライダー（ '無効'）;.私はスライダーfisrtを読み込んだ。それを無効にした。それは良い方法ではありませんが、それは私のために働く。

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

       } 

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

Answer 4

$("#slider").slider("disable")が正常に動作します、しかし、再有効化は、私はこの今日のために、クライアントの要求を持っていた$("#slider").slider("enable")

Answer 5

動作しません。これをベストプラクティスとして行い、文字列の入力を防ぐのはおそらく良い考えです。

スライダーは<入力>タグの値を設定するので、 "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

私はすべてが提案してみました。この動作のみ：

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

Answer 7

無効にすると透過的になります。通常のスライダーのようにするには、スライドハンドラーをオーバーライドしてfalseを返します。

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