問題タブ [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 に答える
8706 参照

jquery - コントロールボタン付きのjQuery UIスライダー?

jQuery UI スライダーにコントロール ボタンを追加しようとしていますが、機能しません。

誰でも私がここで間違っていることを見ることができますか:

スライダーは正常に機能し、値は更新されますが、#down リンクをクリックしてもスクロールバーには何も起こりません。#down リンクをクリックすると 1 段階上に移動するようにしたいと考えています。

ありがとうピート

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

css - jQueryスライダーの幅と高さを変更する

jqueryスライダーUIの幅と高さを変更したい。ui-lightnessテーマを使用しています。スタイルシートに次のコードを追加して、デフォルトのjquery.cssをオーバーライドしようとしました。

ただし、上記のcssは効果がありません。jquery.cssは上記のスタイルをオーバーライドし、スライダーに変更はありません。デフォルトのjquery.cssスタイルをオーバーライドする方法は?

0 投票する
5 に答える
851 参照

javascript - 2 つの JavaScript オブジェクト リテラル間で通信するにはどうすればよいですか?

別のオブジェクト リテラル内のオブジェクトからメソッドを呼び出す方法を知りたいです。これが私のコードです。jQuery UI スライダーを作成しています。アニメーションオブジェクト リテラル内でanimatebox関数を呼び出そうとしていますが、 Chrome コンソールのエラーは次のとおりです。

私のコードは次のようになります。

では、この animateBox というメソッドをどのように呼び出すのでしょうか?

0 投票する
3 に答える
412 参照

javascript - jQueryスライダー:10の倍数の値を表示しますか?

私はjQueryuiスライダーを使用しており、次のように設定しています。

かなりうまく機能しますが、範囲はデフォルトですべての自然数に設定されているため、スライドすると61〜403などの値が得られます。

値が10の倍数で増加するように設定する方法を知っている人はいますか?では、60〜400などの値ですか?これは、価格スライダーの場合にはるかにうまく機能します。

ありがとう。

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

javascript - jquery 範囲スライダー: スライダー 1 の最大値をスライダー 2 の最小値に設定します

範囲を送信する 4 つの jQuery スライダーを含むページがあります。次の方法でスライダーを相互に更新したい: スライダー #1 の最大値に選択された値が自動的にスライダー #2 の最小値になり、スライダー #2 の最大値が自動的にスライダー #3 の最小値になるなど。ここに私がこれまでに持っているものがあります:

http://jsfiddle.net/8xVWY/1/

また、スライダー 1 の最小値を 0 にロックしたいと思います。

別の質問は、これがこれを行うための最良の方法であるかどうかということだと思いますか?

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

jquery - プラス記号とマイナス記号による UI スライダーの値の増減

次のように、UIスライダーの横にある+および-記号をクリックして、スライダーの値を変更しようとしています:

http://jsfiddle.net/Behseini/NCNA7/50

このような機能を追加しようとしました

しかし、うまくいきませんでした!問題を解決する方法を教えてください。お時間をいただきありがとうございます

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

javascript - 何らかの理由でjQueryUIスライダーが表示されない

私はjQueryUI1.8.16を使用しています。テキスト入力フィールドの「滑らかさ」テーマ。FF FireBugでは、スライダーに必要なすべての依存関係が表示されます。

  • jQuery 1.7.1
  • UIコア
  • UIウィジェット
  • UIマウス

テーマも読み込まれ、すべてのソースがチェックされます。フォームフィールドを見ると、スライダーが付いているようです。しかし、何らかの理由で、スライダーが「スライダー」として表示されません。


FireBugを含むスクリーンショット

ここに画像の説明を入力してください

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

jquery - jQuery UI Slider - 最大値 (スライダーの終わりではない)

非線形のステップを持つ階段状のスライダーがあります -

コード:

これが私のスライダーのグラフィックです:

スライダー

グラフィックの 5 に最小値を設定していますが、グラフィックの 150 で停止するように最大値 (値と位置) を設定しようとしています。私が何を試しても、スライダーはスライダーの最後まで行きます.150で短く停止することを常に望んでいます.

何か案は?

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

jquery - jqueryuiスライダー-無視する/インクリメントするステップを実行しない

重複の可能性:
jQuery UIスライダー-最大値(スライダーの終わりではない)

UIスライダーに非線形の増分を使用しています:

165の値を無視し、その増分にステップしないようにします。そのため、150はスライダーの最大値ではありませんが、スライダーは150でしか最大にできません。

グラフィックはよりよく説明するかもしれません:

スライダー

ここで、スライダーハンドルの位置を、165の値にステップするのではなく、150の値で停止させます。(スライダーの最大値を設定できることはわかっていますが、スライダーのハンドルが150目盛りを超えて伸びているため、これは間違った動作です)

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

jquery - jquery ui スライダー -- 範囲選択を反転する方法

ユーザーがスライダーで範囲を選択できるようにするが、スライダーの範囲選択を反転できるようにするという、やや奇妙な要求があります。たとえば、スライダーに次の選択肢がある場合:

<----[]==========[]---->

ボタンをクリックして、その選択を反転できます。次のように視覚的に表示したいと思います。

<====[]----------[]====>

その後、スライダーは期待どおりに機能し続けますが、強調表示が逆になります。1 つのハンドルで範囲に固定の最大値または最小値を設定することで、このスライダーで同様のことができることは知っていますが、2 つのハンドルが使用されているときにそれが可能かどうかはわかりません。これがjQuery UIスライダーで実行可能かどうかは誰にも分かりますか?