jquery - JQuery UI 滑块处理淡入淡出颜色直到被点击

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');
          }
      });
  });