jquery - 使用 HTML5 颜色输入操作 CSS

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

使用 .on，我认为这是因为颜色选择器是动态创建的:

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

fiddle :http://jsfiddle.net/feL6s/