操縱CSS與HTML5顏色輸入

Question

我試圖使用jQuery和HTML5顏色輸入類型，讓用戶設置一個特定的div的文本顏色：

<script> 
$('#color').change(function() { 
    $('#output').css('color', "$('#color').val()"); 
}); 
</script> 

<div id="output"> 
    <h1>Some Text</h1> 
</div> 
<label for="color">Color</label><input id="color" type="color" value="#ffffff" /> 

上面的代碼似乎並沒有做任何事情，但也沒有引發Javascript錯誤。我的猜測是.change（）可能是錯誤的方法，但我還沒有成功與任何其他的。有沒有人以這種方式使用這種輸入類型？

Answer 1

使用。對，我想是因爲是動態創建的顏色選擇器：

$("#color").on("change",function(){ 
    $("#output").css("color",$("#color").val()); 
}); 

小提琴：http://jsfiddle.net/feL6s/