22

読み取り専用のjQueryスライダーを作成するにはどうすればよいですか？値を表示するが、ユーザーが値を移動することを許可されないものですか？

ありがとう

4

7 に答える 7

23

ドキュメントには、.slider('disable')関数があると書かれています。それがスライダー要素自体に実際に何をするかはわかりませんが、それはあなたにとっての選択肢かもしれません。

ここにドキュメント

于 2009-06-09T14:25:10.773 に答える
7

私は提案されたすべてを試しました。これだけが機能します：

$('#mySlider').slider({ disabled: true });
于 2013-10-21T16:42:17.563 に答える
4

無効にすると透明になります。通常のスライダーのように見せたい場合は、スライドハンドラーをオーバーライドしてfalseを返すことができます。

    $("#mySlider").on("slide", function (event, ui) { return false; });
于 2014-03-06T14:26:09.250 に答える
3

$（'＃mySlider'）。slider（'disable'）;を直接使用すると、スライダーが消えるのと同じ問題が発生します。スライダーを最初にロードしました。それから無効にしました。それは良い方法ではありませんが、私にとってはうまくいきます。

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

                }

            });
$('#mySlider').slider( 'disable');
于 2009-06-23T07:56:03.920 に答える
1

あなたは単にこれをしなければならないでしょう：

$('#mySlider').slider( 'disable' );
于 2009-06-09T14:25:00.743 に答える
0

$("#slider").slider("disable")正常に機能しますが、再有効化は機能しません$("#slider").slider("enable")

于 2011-10-31T05:35:25.680 に答える
-1

今日、これについてクライアントからのリクエストがありました。これをベストプラクティスとして実行し、文字列の入力を防ぐことをお勧めします。

スライダーは<input>タグに値を設定するので、「読み取り専用」にすることができます。

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

フィドル

于 2013-09-16T16:36:34.187 に答える