javascript - Jquery相互接続スライダー

Question

ジェネリックjqueryuiスライダーを作成して、任意の数を渡した場合に、相互接続されたスライダーの数を返すようにします。

1つのスライダーをスライドさせると、他のスライダーも変更されます。ただし、すべてのスライダーの合計は、どの時点でも常に100である必要があります。

自分で試してみましたが、スライダーの値が50を超えて、もう一方のスライダーを増やそうとすると、すべてのスライダーの合計が100を超えます。

これが私のコードのリンクです。

誰か助けてくれませんか？ありがとう'

Answer 1

私はこれをクライアントプロジェクトに対して行い、ソリューションをオープンソース化しました。jQuery UIスライダーの代わりにnoUiSliderを使用しますが、変更したい場合はそれほど難しくありません。まだ完全には洗練されておらず、この質問は1年前のものであることがわかりましたが、万が一の場合に備えて、次のようにしてください。

Github：jQuery相互接続スライダー

ロック（値を設定してから再度移動しないようにする）をサポートしており、次のようになります。スクリーンショット

Answer 2

ああ、あなたは私の醜いcssをあなたのjsfiddleに持っていきました。私はまったく同じことをしようとしています、これを見てください： 3jqueryuiスライダーが接続されています