問題タブ [jquery-ui-slider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
5068 参照

jquery-ui - jQuery UIスライダーで各範囲ハンドルの最小/最大を設定しますか?

ユーザーが 00:00 から 1d+12:00 までの時間範囲を選択できる jQuery スライダーを使用しています。合わせて36時間。ともかく。

ハンドルの設定に基づいて、最小値と最大値をハンドルに適用したいと思います。これらは私の要件です:

  1. 左ハンドルは次の日の午前 0 時を超えることはありません (最大は 24 時間)
  2. 左ハンドルは、右ハンドルから -24 時間よりも左に移動することはできません (最小値は、右ハンドルの値から 24 時間を引いた値です)
  3. 右ハンドルは左ハンドルから +24 時間を超えることはありません (最大は左ハンドルの値に 24 時間を加えた値です)

私が理解しているように、最小値と最大値は単一のハンドル スライダー コントロールにのみ適用でき、範囲スライダーには適用できませんか?

最小値と最大値を両方のハンドルに個別に設定することはできますか?

この方法で初期化しようとしましたが、うまくいきません:

0 投票する
2 に答える
1019 参照

jquery-ui - テキストボックス値を追加するUIスライダー

誰かが私を助けてくれることを願っています。私はJqueryを初めて使用しますが、これが私がまだ苦労している唯一のことです。3つのテキストボックスを備えたスライダーがあります。スライダーをスライドすると、3つのテキストボックスすべてに値が自動的に入力されます。4番目のテキストボックスに、すでに値を取得している3つのテキストボックスのすべての値を追加する必要があります。

私は以下を使用して値を取得しています:

0 投票する
2 に答える
10235 参照

javascript - Jquery Slider UIの動的ステップサイズ

次のプロパティを持つスライダーがあります。

  • 水平方向
  • ワンハンドル
  • 2分の1
  • 最大 65

私の目標は、ユーザーに 7 点のみ (たとえば、「2、3、4、26、39、52、65」) から選択させ、それ以上は選択させないことです。

動的なステップ サイズを作成するにはどうすればよいですか、またはそれらのポイントのみをスライダーのステップにするにはどうすればよいですか?

0 投票する
1 に答える
1870 参照

jquery - jQueryUIスライダーハンドルが表示されない

これが私が構築しているウィジェットです:http ://widgets.pegwise.com/720x90/

javascriptまたはcssエラーはなく、ハンドルの背景画像は有効です。右下のスライダーに表示されないのはなぜですか?

0 投票する
6 に答える
34535 参照

jquery-ui - jQuery UIスライダー:ハンドルに沿って(一緒に)値を移動します

ページのjQueryUIスライダーコンポーネントを使用して、価格の範囲を設定しました。また、ui.values []を使用して、他のdivに新しい値を設定して表示することもできます。

ハンドルの下にある新しい値を確認するにはどうすればよいですか。つまり、ハンドルを$ 100に移動した場合、そのハンドルのすぐ下に「$100」のテキストを設定します。

ところで、私は範囲バージョンを使用して価格の範囲を設定しているので、スライダーに2つのハンドル(最小と最大)があります。

0 投票する
1 に答える
10415 参照

jquery - 非線形/指数/対数ステップの JQuery UI スライダー

私は Javascript と JQuery を初めて使用します。JQuery UI Slider を使用して、サイトの 1 つの価格範囲ドロップダウン ボックス (最低価格用、最高価格用) を置き換えようとしています。

これが私の現在のコードです:

価格帯は 0 ~ 2500,000 です。テストの結果、私のサイトのほとんどのユーザーは 25,000 から 200,000 の範囲で検索するため、スライダーが非線形にスケーリングされると、UX が向上することがわかりました。

スライダーの非常に小さな部分に 0 ~ 25000 の範囲が表示され、その 70% が 25,000 ~ 200,000 を示し、残りが 200,000 以上を示す必要があります。固定値にスナップしたくありませんが、ステップは 1000 でなければなりません。

このサイトで 2 つの解決策を見つけ
まし
2)JQuery Slider、「ステップ」サイズを変更する方法<-男がソリューションの一部としてtruevaluesとvaluesを使い始めた後、頭も尻尾も作れません。コードに適用しようとしましたが、スライダーは正常に動作しますが (私の好みでは最後に向かって速く移動しましたが)、テキストは表示されませんでした。

何か案は?

0 投票する
1 に答える
41917 参照

jquery - テキストボックス入力付きUIスライダー

使用するUIスライダーがあり、問題なく動作します。

コード:

ご覧のとおり、ユーザーは 0 から 5,000,000 の間で任意の値を選択できます。

HTML は次のとおりです。

私がやりたいことは、スライダーと調和して機能するテキスト入力要素を追加することです.

または、ユーザーが入力要素に数字を入力すると、スライダーが適切に移動します。

何か助けてください?

プレビューは次のとおりです。

ここに画像の説明を入力

0 投票する
1 に答える
966 参照

jquery - Jquery UI スライダー ツールチップ クラス

Jquery uiスライダーのツールチップにリンクされたcssクラスを見つけるのに苦労しています...それが何と呼ばれているか、またはツールチップの幅を調整できる別の方法を知っている人はいますか?

0 投票する
1 に答える
2404 参照

javascript - Jquery UI スライダーが機能しない

Jquery スライダーが機能しません。

ここに私のヘッダーコードがあります:

そして私のページには次のものがあります:

0 投票する
2 に答える
1159 参照

jquery - 進行状況を示す jQueryUI 範囲スライダー

スライダーがあり、range: trueスライダーの 2 つのハンドルの間の進行状況バーのように進行状況を表示したいと考えています。http://jsfiddle.net/cG8qB/のようなものですが、これは、その例のようにスライダー全体ではなく、スライダーの2つのハンドルの間で発生し、スライダーハンドルの代わりに色の更新のみが必要です.

range: minしたがって、基本的には、2 つのスライダー ハンドルの間の部分の色を、「最小」がスライダーの左ハンドルで、このスライダーのハンドルが非表示になっているスライダーの動作のようなものに変更したいと考えてrange: minいます。