jQuery的滑塊的顏色選擇器/滑塊以更改背景

Question

我試圖做的事：

降低滑塊的溫度值，我需要圓圈代表明星逐漸增加，改變背景顏色爲這個鏈接：http://astro.unl.edu/naap/hr/animations/hrExplorer.html

但我的代碼是沒有這樣做.....請參閱從$線（ 「＃s_tem」）滑塊（{ 見我的代碼：http://jsfiddle.net/NxNXJ/19/

謝謝..

Answer 1

你是分配變量ch osenColor值如下：＃597459745974

哪些是無效的CSS顏色屬性。

[編輯]下面是一些代碼，應該讓你去：

$("#s_tem").slider({ 
    change: function(event, ui) 
    {  
     var hexValue = ui.value.toString(16).toUpperCase(); 
     if (hexValue.length < 2) hexValue = "0" + hexValue; 

     var chosenColor = NumberToHexColor(hexValue); 

     $('#t_tem').val(chosenColor); 
     $("#star").css('background-color', chosenColor); 

    }, 
    value: 5800, 
    min: 2300, 
    max: 40000, 
    step: 100, 
}); 

function NumberToHexColor(Number) 
{ 
    var HexColor = '' + Number; 
    while (HexColor.length < 6) 
    { 
     HexColor = '0' + HexColor; 
    } 

    return '#'+ HexColor; 
}