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