Question

我有一个简单的文本字段，它附有一个颜色选择器。我在字段旁边添加了一个图标，它可以删除字段值的内容（由颜色选择器生成）。代码如下。

奇怪的是在之后删除了值 - 如果我点击页面上的其他地方，则值会回来！代码和简单示例如下。

复制步骤：

使用颜色选择器生成十六进制代码。
点击X删除字段值。
点击页面正文中的其他位置，该值将返回。

HTML code：

  <input type="text" name="x_fontColor" id="x_fontColor" size="30" maxlength="10" value="" class="colorpicker">
  <span class="trigger" data-for="x_fontColor">X </span>

JS：

$(".colorpicker").colorpicker();            
$(".trigger").click(function(){
   $("#"+$(this).data('for')).val('');              
});

FIDDLE LINK：http://jsfiddle.net/W2Mcy/

Answer 1

从Docs开始，您似乎可以使用

.colorpicker('setValue', value)

我在你的小提琴中尝试了它，它正在工作，但下面将#ff0000设置为默认颜色。

$(".trigger").on('click', function(){
                $('input').colorpicker('setValue', '').val(''); // clear both value of input and set default color  
            });

请参阅此updated fiddle。

希望你明白。

Answer 2

我知道这是一个旧线程，但如果其他人遇到此问题，您可以指定'transparent'作为值。

.colorpicker('setValue','transparent');

不幸的是，颜色选择器会在字段中显示“透明”，因此它不完全是空值或''值，但它很接近，如果您在预览类型的情况下对颜色进行实时更新，它应该可以工作

希望这有帮助。

删除bootstrap colorpicker值

2 个答案: