【问题标题】:jpicker the 4th and 5th column of colors in from the default colors do not put values in my input boxjpicker默认颜色中的第4和第5列颜色不要在我的输入框中输入值
【发布时间】:2012-02-26 20:58:28
【问题描述】:

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

这是我如何调用代码的 sn-p:

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

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

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

【问题讨论】:

  • #hexPicker 是什么元素?
  • binded 上的 digitalmagicpro.com/jPicker 示例完美运行?也许您可以发布您的 html 和其他相关内容?这个问题非常本地化,如果它是一个错误,您应该将其报告给项目。
  • @gideon 我已经更新了我的问题。

标签: jquery jquery-plugins jpicker


【解决方案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)');
});

【讨论】:

  • 我没有意识到文本颜色正在改变。但主要问题是模板具有表单的背景图像,因此输入字段的背景颜色相同。现在我删除了该背景图像,输入字段的背景颜色是选择的颜色。
猜你喜欢
  • 2013-02-03
  • 2011-08-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-05-21
  • 2020-11-09
  • 2017-05-12
  • 1970-01-01
相关资源
最近更新 更多