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