問題タブ [jquery-ui-slider]

同じページに複数のjQueryUIスライダーを実装するのに非常に苦労しています。スライダーを動かすたびに、スライドさせたいアイテムの下にあるものだけでなく、すべてのスライダーのコンテンツアイテムがスライドします。

例：

これが私のJavaScriptです：

アイテムの両方ではなく、一方だけをスクロールさせる方法を理解するために、誰かの助けを借りることができました。

ありがとう

この jQuery プラグインのような効果と機能を提供するオープン ソース ライブラリはあり ますか?

I have implemented the jQuery range slider on a webpage I am building, but it does not seem to be possible to make it snap to specific non-uniformly distributed values. Does any one know if this is possible with the jQuery slider or if there is an alternate I can use?

As a more concrete example, say I have a range from 0 to 100, and I have an array like [0, 7, 32, 61, 67, 90, 100]. I want the range slider to only be able to select the values in the array.

そのため、.append() を使用してリスト要素をリストに追加しています。追加された要素内には、jQuery Slider ウィジェットをアタッチする必要がある div があります。.on() などを使用する必要があるかどうかはわかりません。FWIW、無制限の量のliを追加できるため、divにクラスを使用しています。

とにかく、ここに簡略化されたスニペットがあります：

jQuery スライダーを使用して最大累積合計を実行する例は多数あります。しかし、自分のアプリケーションで動作するバージョンの草案を作成できませんでした。jQuery スライダーを使用して、6 つの openlayers レイヤーの個々の不透明度を設定できる必要がありますが、累積合計で 100 スライダー ユニットを超えないようにする必要があります。

更新しました

これが私が現在それを実装している方法です。コードの重複を減らすためにコードのリファクタリングを行う方法を理解することはできません...

オリジナル

私が最もよく知っている例は、ここと以下に投稿されています http://jsfiddle.net/markieta/cWyQ3/

もともと、私はそれぞれのユニークなスライダーのスライド イベント中に setOpacity メソッドを使用して OpenLayers レイヤーの不透明度を設定していました。ただし、スライダーが累積単位を 100 を超えないように、この方法で現在の合計を維持する方法がわかりませんでした。

** x6 スライダー **

洞察はありますか？

JQuery 1.7.1 にアップグレードする前は、垂直スライダーと水平スライダーの両方が正常に機能していました。1.7.1 にアップグレードしたので、すべてが機能しなくなりました。以下は私のコードです。

水平スライダー ハンドルのコード

および垂直スライダ ハンドル

とにかく、誰かが私のスライダーを JQuery 1.7.1 で動作させるための解決策を見つけてくれることを願っています。ありがとう。

参考までに、スライダーは4つのDIVで使用されます。Top、MidLeft、MidRight & Bottom。垂直スライダーは MidLeft & MidRight で機能し、水平スライダーは MidRight、Top、Bottom で機能しますが、これが問題の原因である可能性はないと思います。

スライダーのスケールのハンドルを作成して、スライダーの範囲を視覚的に確認したいと思います（たとえば、ほとんどのブラウザーのスクロールバーのように）。

少しグーグルしましたが、答えは.ui-slider-handleクラスを変更することのようです。

私はこれを実行し、ハンドルが最後から実行 されます。 これは、スライダーを設定するために使用しているコードです。

また、実際の例へのリンクもあります：http: //tcusers.com/examples/6473423467/example.html

ライブラリがスライダーの古い幅を想定しているようですが、私が望むことを達成するための提案はありますか？jqueryuiコアライブラリをハックする必要はありません。

前もって感謝します

jQuery スライダーを含むページがあり、それらのスライダーを動かすとサーバーに値が送信されます。同時に、サーバーは現在の状態を取得するために毎秒照会されます (ページ上のすべてのフィールドについて)。

サーバーから返された値を設定する ajax コードが、フォーカスされたスライダーを設定しようとするのを避けることができるように、スライダー (ノブ) がフォーカスされているか、それともいじられているかを知る必要があります。そうしないと、スライダーを動かそうとすると跳ね返ります。

現在のコード:

そして、私が必要だと思っているのは次のようなものです:

または、一般的にこれを行うためのより良い方法がありますか？

指定された最小値が「0」であっても、左カーソルを移動すると、この jQuery UI スライダーが「-1」になる理由を教えてください。

スクリプトは次のとおりです: http://jsfiddle.net/D2FK9/

私には非常に奇妙に思えます...よろしくお願いします！

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

なんらかの理由で、スライダー (マウスアップ) を放すと、値が元の値からわずかに変化します。スライド イベントは、変更イベントとは異なるものを返しています。これを引き起こしている可能性のあるものと、それを解決する方法を知っている人はいますか?

変更イベントのコールバックでかなり激しい操作を行います (つまり、sldie だけを使用することはできません)。また、スライダーの値をライブで表示する必要があるため、1 つまたは 1 つだけを使用することはできません。他の。

これは、この奇妙な動作のフィドルです: http://jsfiddle.net/5W6Zh/

前もって感謝します