jquery - 删除引导颜色选择器值

Question

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

奇怪的是，在我删除该值后-如果我单击页面上的其他位置，该值又回来了！下面的代码和简单示例。

繁殖步骤：

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

非常感谢

HTML 代码：

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

小提琴链接：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  
            });

看到这个更新的小提琴。

希望你能理解。

Answer 2

我知道这是一个旧线程，但如果其他人遇到此问题，您可以将“透明”指定为值。

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

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

希望这可以帮助。