Question

我正在使用farbtastic color picker并且工作正常，但现在我需要使用此插件更改文本颜色。

这就是我现在所拥有的：

这是我的代码：

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

<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 Fiddle demo

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

1 个答案: