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

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

使用HTML5颜色输入操作CSS

1 个答案: