0

私は jQuery の初心者で、誰かが私を正しい方向に向けることができるかどうか疑問に思いました。色が赤から緑に変わり、スコアが記録されるスライダーを作成したかったのです。値は 0 から開始する必要があります。ユーザーが右にスライドすると、色が赤になり、スコアが -1 と記録されます。左にスライドすると色が緑色に変わり+1のスコアが記録されます。助けてください。

JS:

$(function(){
   $( "#slider" ).slider({
      value:0,
      min: -3,
      max: 3,
      step: 1,
      slide: function( event, ui ) {
         $( "#score" ).val( ui.value );
      }
   });
   $( "#score" ).val($( "#slider" ).slider( "value" ) );
});

HTML:

<html>
<p>
  <label for="score">Rating (+/-1 increment):</label>
  <input type="text" id="score" />
</p>
<div id="slider"></div>
</html>
4

1 に答える 1

0

「background」CSS プロパティを設定すると、それが行われるようです。これはあなたが意味するものですか: http://jsfiddle.net/UweCD/1/

    slide: function(event, ui) {
        $("#score").val(ui.value);
        $(this).css("background", ui.value>0 ? "green" : ui.value<0 ? "red" : "");
    }

とにかく始めるには十分なはずです...

于 2012-05-21T07:23:22.267 に答える