javascript - Bootstrap颜色选择器初始颜色值

Question

我正在使用 Bootstrap 颜色选择器，但我的要求是在更改选择下拉列表时以不同方式更改默认加载颜色。

我正在使用以下构造函数:-

$('#colorPicker').colorpicker();

这是jsp中的代码。

<div id='colorPicker'>
 <input type='text' value='#ea0437' class='form-control'/>
 <span class='input-group-addon'></span>
</div>

我从数据库获取颜色代码，因此无法添加上面下面一行中给出的初始颜色代码:

<input type='text' value='#ea0437' class='form-control'/>

如何在构造函数中提供这种颜色？文档说有一个颜色选项，但没有给出演示。我最初如何提供颜色？像这样的事情:

$('#colorPicker').colorpicker({
color : '#ea0437'
})

有什么建议吗？提前致谢。

Answer 1

经过几天的尝试，我终于可以使用它了。看起来 onchange 事件已附加到颜色选择器输入字段，但在通过脚本设置值后不会被触发。因此你必须手动触发它，如下所示:

$("#inputcolor").val("#bbccff");
$("#inputcolor").trigger('change');