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

似乎设置“背景”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 回答