8

次のようなレンジ スライダー (デュアル ノブ) である JavaScript コントロールを探しています。

  • 既存の JS フレームワーク (dojo、jquery など) は使用しません。ただし、必要なコンポーネントだけをコンパイルできる独自のサブ フレームワークをロール/作成できる場合を除きます。
  • すべての主要なブラウザで動作します

レンジ スライダーの例を以下に示しますが、もちろんこれは JQuery を使用しています。必要なコンポーネント (JQuery UI コア + スライダー) のみを含む JQuery を構築したとしても、140kb 縮小されているため、これはオプションではありません。

http://jqueryui.com/demos/slider/#range

4

3 に答える 3

5

jQuery UI には素晴らしいものがあります。

http://jqueryui.com/demos/slider/

于 2009-05-18T12:43:06.227 に答える
0

http://www.walterzorn.com/dragdrop/dragdrop_e.htm#addonsのスライダー コードを使用します。これは単一のハンドルですが、基礎となる drag-drop.js は非常に柔軟です。独自の 2 番目のスライダーを追加し、他のバーの位置に基づいて各バーの最小値と最大値の範囲をプログラムでロックするだけです。1 つの 12kb (lgpl'ed) スクリプト インクルードと、これを実装するための約 10 ～ 20 行のコードを見ています。

于 2009-05-18T15:11:34.273 に答える