Question

我有一个使用Jquery UI的垂直滑块，我想让它更明显一些人应该点击它。为了达到这个目的，我想我希望它能够在第一次点击之前改变颜色。我想弄清楚要改变什么元素，但我失败了。

我在尝试：

$("secrets-slider.a").animate("background-color","orange",500).animate("background-color","red",500);

然后设置超时并再次调用该函数。但是，secret-slider.a似乎无法引用句柄。我怎么能这样做？

编辑：因为我被问到代码，所以这是（虽然我不明白为什么它需要它，因为它是股票jquery UI）

http://jsfiddle.net/tdWdw/

Answer 1

我不确定你希望如何改变颜色，但这里有一个选择：

http://jsfiddle.net/tdWdw/2

  $(function () {
      $("#slider-vertical").slider({
          orientation: "vertical",
          range: "min",
          min: 0,
          max: 100,
          value: 60,
          slide: function (event, ui) {
              $("#amount").val(ui.value);
              $('#slider-vertical a').css('background-color', 'gray');
          }
      });
  });

JQuery UI滑块处理淡入淡出的颜色，直到单击为止

1 个答案: