jpicker 默认颜色中的第四和第五列颜色不会将值放入我的输入框中

Question

我正在使用 jpicker jquery 插件供用户选择颜色，我遇到的问题是，如果您从默认颜色的第四或第五列中选择任何颜色，该值不会显示在我的输入框中。但任何其他值都可以。

以下是我如何调用代码的片段：

if($('#hexPicker').length) {
    $('#hexPicker').jPicker({
        window: {
            position: {
                y: 'center'
            }
        }   
    });
}

<input type="text" name="color" class="small" id="hexPicker"  />

我创建了一个测试帐户供你们在开发服务器上使用，这样您就可以明白我的意思。我无法在其他地方重现此问题。

Answer 1

它将输入框中的文本颜色更改为白色，使其不可见。如果您选择一种颜色并使用 firebug 或开发人员工具，您将看到以下内容：

<input type="text" id="hexPicker" class="small" value="02140b" name="color" style="background-color: rgb(15, 86, 51); color: rgb(255, 255, 255);">

如果您使用 firebugs 编辑功能将“颜色”下末尾的值更改为 0,0,0，则会显示该值。见下文。

<input type="text" id="hexPicker" class="small" value="02140b" name="color" style="background-color: rgb(15, 86, 51); color: rgb(0, 0, 0);">

一个可能的修复方法是添加一些 jQuery，以便每当值发生变化时，您可以手动将文本的颜色重置为黑色：

$('#hexPicker').change(function() {
     $('#hexPicker').css('color','rgb(0,0,0)');
});