用于更改文本颜色的Jquery颜色选择器

我正在使用和工作的罚款，但现在我需要改变文本颜色使用这个插件

这就是我现在拥有的：

这是我的代码：

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

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

     });
</script>

$（文档）.ready（函数（）{
$（“#颜色选择器”）.farbtastic（函数（颜色）{
$（“#颜色选择器”）。样式（“颜色”，颜色）；
});
});

文本输入控制：

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

颜色选择器占位符：

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

这是我的文本输入：

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

现在，如果我写任何东西并从颜色选择器更改颜色，我需要从“Text1”输入更改文本前景色。

这似乎有效：

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

});

.

这似乎有效：

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

});

---

.

要更改文本颜色，您也可以使用以下内容-

<input type="text" name="text_color" id="text_color" value=""/>

<div id="text_picker"></div>

$('#text_picker').farbtastic(ChangeTextColor);

function ChangeTextColor(color)
{
    $('#text_color').css('color', color); // will change the color of text
    $('#text_color').val( color );        // will change the hex value of textbox
}

$（'#text_picker'）.farbtastic（ChangeTextColor）；
函数ChangeTextColor（颜色）
{
$（'#text_color'）.css（'color'，color）；//将更改文本的颜色
$（'#text_color'）.val（color）；//将更改textbox的十六进制值
}

要更改文本颜色，您也可以使用以下内容-

<input type="text" name="text_color" id="text_color" value=""/>

<div id="text_picker"></div>

$('#text_picker').farbtastic(ChangeTextColor);

function ChangeTextColor(color)
{
    $('#text_color').css('color', color); // will change the color of text
    $('#text_color').val( color );        // will change the hex value of textbox
}

$（'#text_picker'）.farbtastic（ChangeTextColor）；
函数ChangeTextColor（颜色）
{
$（'#text_color'）.css（'color'，color）；//将更改文本的颜色
$（'#text_color'）.val（color）；//将更改textbox的十六进制值
}

谢谢David为我节省了这么多时间，我真的很感谢你的帮助。@user944919，仅供参考-此解决方案/演示在Safari中不起作用。好的，没问题，我会尝试处理，但我需要知道如何为文本赋予基本颜色。谢谢你让我知道：）@Sparky672，是否产生了任何错误？它在Ubuntu上的Chromium 14中工作，而Webkit浏览器通常是相当一致的。。。User944919:查看编辑后的答案和演示。Ooops！我错了！我看到它改变了文本本身的颜色。。。我什么都没打！谢谢David为我节省了这么多时间，我真的很感谢你的帮助。@user944919，仅供参考-此解决方案/演示在Safari中不起作用。好的，没有问题，我将尝试管理，但我需要知道如何为文本提供基本颜色。谢谢你让我知道：）@Sparky672，是否产生了任何错误？它在Ubuntu上的Chromium 14中工作，而Webkit浏览器通常是相当一致的。。。User944919:查看编辑后的答案和演示。Ooops！我错了！我看到它改变了文本本身的颜色。。。我什么都没打！