問題タブ [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 投票する
2 に答える
2025 参照

jquery - 独自の範囲を持つ 2 つのノブを備えたシングル スライダー


小さな要件があります.JQuery UISliderを使用して2つのノブを持つ1つのスライダーを作成するためのこのコードを誰かが助けてください。しかし、両方に独自の範囲を持たせたいです。
たとえば、合計範囲が 1 ~ 100 の場合、最初のノブは 1 ~ 50 の間だけスライドし、2 番目のノブは 51 ~ 100 の間でスライドする必要があります。

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

javascript - jQuery UI スライダーがレンダリングされないようです?

ここで完全に明らかな何かが欠けている可能性がありますが、呼び出す$("#zoom_slider").slider()とスライダーが表示されません。

このURLにアクセスすると、メイン ウィンドウの任意の画像をクリックして問題を再現できます。これにより、より大きな画像 (現在は時計の画像) が読み込まれます。スライダーは、「ズーム」と表示されている場所の右上に表示されるはずですが、表示されません...

この呼び出しを介して、Google の jQuery UI を含めます。

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

html - プラス/マイナスボタンを使用してjQueryスライダーを作成し、スライダーから値を加算/減算します

私は、jqueryの画像に表示されているものを複製して、既存のアプリケーションのタッチ対応バージョンを作成しようとしています。 jqueryスライダープラス-マイナス

私はjquery-uiスライダーを使用していますが、多くのビジネスロジックが関連付けられているため、引き続き使用したいと思います。実際には、次のように表示されます。

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

cssとhtmlの部分についてサポートが必要です。ユーザーが「プラス」ボタンをクリックしたときに「スライダー」がいっぱいになる効果を作成する方法と、その外観を実現するためにHTMLを整理する方法がわかりません。

私のマークアップは次のとおりです。

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

jquery - 別の「slidechange」イベントをトリガーせずに「slidechange」イベントで jquery スライダーの値を変更する方法

私はしばらくこのループに陥っています。基本的に、スライダーの値が変化したときに何らかのアクションを実行するスライダーがあります。最初にチェックを行い、チェックが通らない場合は、スライダーの値をリセットする必要があります。しかし、スライダーの値をリセットすると、それが変わります!そして、私は立ち往生しています。これが私のコードです:

スライダー:

問題は、$(this).slider("value", 0);別の変更イベントをトリガーすることです! 誰でもこれを解決する方法を知っていますか?

スライダーをスライドさせるのではなく、ボタンをクリックしてスライダーの値を変更しているため、変更機能を使用する必要があります。

編集 - evt.originalEvent は常に未定義です (この console.log(evt.originalEvent) のように cosole.log を作成した場合) が、何らかの奇妙な理由で console.dir にすると表示されます。しかし、残念ながら問題は解決しません。ここに、スライダーの値を変更するコードの一部を追加します (以前に忘れていたことを許してください)。

ご覧のとおり、値は最初にプログラムによって変更されるため、evt.originalEvent のチェックはとにかく役に立ちません。

EDIT 2 - 私はこれから抜け出す方法を見つけましたが、もっと良い方法があることを願っています:

「変更」イベントにバインドされた関数を削除して値をリセットするだけでも機能すると思いますが、これを行うより良い方法があることを願っています!

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

jquery - jquery UI range Slider を使用して、値を取得する

Jquery UI スライダーを使用して、ユーザーが選択範囲を増減できるようにしています。ユーザーが増減したい場合は、(スライダーの元の値に従って) 知る必要があります。

これが私の関数です。変更前の元の値を取得するためのコードをどこに置くべきかわかりません。誰でもこれで私を助けることができますか?

どんな助け/提案も大歓迎です!

ありがとうございました

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

jquery-ui - jQueryUIスライダーの値が正しくありません

ユーザーがjQueryUIスライダーを使用して値を選択できるWebページを作成しています。ただし、ユーザーがスクロールしているときに値を更新したいので、スライダーのスライドイベントにupdate_value関数をアタッチしました。

問題は、スライダーハンドルが端に到達したときに、取得する値が正しくないことです。たとえば、0の場合は500の値を取得し、最大の場合は99000の値を取得します。(100000)。

変更イベントでテストしてみましたが、必要な正確な値が得られました。ただし、スライドイベントを使用しようとすると、問題は解決しません。

何か案は?

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

jquery-ui - ポインターをあるポイントから別のポイントにドラッグすると、jQuery UI Slider が「スライド」効果を与えない

ここに jQuery UI スライダーがあります。

http://jsfiddle.net/DrR7s/7/

アニメーション属性の値を「true」にしています。マウス ポインターをバーのどこかに置いてクリックすると、スライドの視覚効果が得られます。しかし、スライダー ポインターを別のポイントにドラッグすると、他のケースで取得したアニメーション スライド効果が得られません。ある地点から別の地点へジャンプしているように見えます。ここでもスライド効果を得る方法はありますか?

以下は私のスクリプトです:

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

javascript - jQuery UI Sliderでスライダースケールの特定のポイントにスライダーポインターを移動する方法は?

SELECT 要素をスライダーに変換する Filament グループの jQuery UI スライダーを使用しています。それは正常に動作します。ここで、JavaScript を使用して、スライダー ハンドラーをスライダー スケールの特定のポイントにプログラムで移動したいと考えています。

例: ボタンをクリックすると、JavaScript 関数が呼び出され、その中にスライダー ポインターをスケール内の特定の目盛り/スライダー ポイントに移動するコードを記述します。

ここにサンプルアプリケーションがあります:

http://jsfiddle.net/DrR7s/15/

0 投票する
0 に答える
61 参照

jquery-ui-slider - Uiスライダーと一緒にスライドショーを表示するには?

この例からスライダー バーを取得しました http://nettuts.s3.amazonaws.com/377_slider/slider_sourcefiles/slider.html しかし、スライド バーの進行状況と共に表示される画像のスライド ショーが必要です。 ?

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

jquery - ドラッグによるjQuery UIスライダーの移動範囲

jQuery UI Slider を範囲モードで使用しています。スライダーの外側に追加のボタンを追加せずに、ユーザーが範囲を移動できるようにする方法 (プラグイン/拡張機能/ハック) はありますか (つまり、下限と上限の両方を変更します)。一部の GUI ウィジェットでは、これは中央 (2 つのハンドラーの間) からドラッグすることによって実現されます。

前もって感謝します。