3

-5 から 5 までの範囲と 0 の中間のスライダーが必要です。背景色は 0 から変更されます

これまでのところ、ここにある 2 つのスライダーでしかできませんでした: http://jsfiddle.net/ur4SH/

<div class="sliders">
   <div id="sliderLeft" class="slider left"></div>
   <div id="sliderRight" class="slider right"></div>
</div>

しかし、それはあまりエレガントではなく、私が気に入らないことがいくつかあります。

  1. スライダーを 1 つではなく 2 つ使用する
  2. 2 つのハンドラーがあり、1 つだけが必要です
  3. ドラッグはスライダー間では機能しません 3.

どうすればこれを改善できるか、またはスライダーを 1 つしか使用しないソリューションが存在するかどうか、何か考えはありますか?

4

1 に答える 1

0

このjsFiddleのように、背景色を変更するということですか?

CSS に新しいクラスを追加しました。

.color {
    background-color: green;   
}

JS のビット、15 行目:

$('.ui-slider-range', this).addClass('color');
于 2013-04-17T15:18:03.533 に答える