JqueryUI-スライダー
スライダは一定の範囲内の数値を得ようとするときはいつでも使用されます。テキスト入力に対するスライダーの利点は、ユーザーが不正な値を入力できなくなることです。スライダーで選択できる値はすべて有効です。
jQueryUIは、スライダーウィジェットを介してスライダーコントロールを提供します。jQueryUIはslider()メソッドを提供し、ページ内のHTML要素の外観を変更して、適切なスタイルを与える新しいCSSクラスを追加します。
構文
ザ・ slider () メソッドは2つの形式で使用できます-
$(セレクター、コンテキスト).slider(オプション)メソッド
$(selector、context).slider( "action"、params)メソッド
$(セレクター、コンテキスト).slider(オプション)メソッド
スライダー(オプション)メソッドは、HTML要素をスライダーとして管理されなければならないことを宣言します。オプションのパラメータは、スライダーの外観と動作を指定するオブジェクトです。
構文
$(selector, context).slider (options);
Javascriptオブジェクトを使用して、一度に1つ以上のオプションを提供できます。提供するオプションが複数ある場合は、次のようにコンマを使用してそれらを区切ります-
$(selector, context).slider({option1: value1, option2: value2..... });
次の表に、この方法で使用できるさまざまなオプションを示します。
シニア番号 | オプションと説明 |
---|---|
1 | アニメート このオプションをtrueに設定すると、ユーザーが軸を直接クリックしたときにアニメーション効果が作成されます。デフォルトでは、その値はfalse。 |