Jquery颜色选择器改变文本颜色

Question

我正在使用farbtastic颜色选择器并且工作正常,但现在我需要使用此插件更改文本颜色.

这就是我现在拥有的:

http://jsfiddle.net/g2hZy/15/

这是我的代码:

这样,文本颜色不会改变,也不会显示十六进制值.

<script type="text/javascript">
     $(document).ready(function () {
         $('#colorpicker').farbtastic(function (color) {
             $("#colorpicker").style("color", color);
         });

     });
</script>

文字输入控制:

<input type="text" id="color" name="color" value="#123456" />

颜色选择器占位符:

<div id="colorpicker"></div>

这是我的文字输入:

<input id="Text1" type="text" />

现在,如果我写任何东西并从颜色选择器更改颜色,我需要从"Text1"输入更改文本forecolor.

Answer 1

这似乎有效:

$(document).ready(function() {
    $('#colorpicker').farbtastic(function(color) {
        // sets the color for both the 'color' and 'Text1' inputs
        $("#color, #Text1").css("color", color);
        // updates the 'color' input to the currently-selected color
        $("#color").val(color);
    });

});

JS小提琴演示.