Bootstrap colorpicker初始颜色值

New*_*Bee 2 javascript jquery color-picker twitter-bootstrap

我正在使用bootstrap colorpicker但我的要求是在更改选择下拉列表时以不同方式更改默认的onload颜色.

我使用以下构造函数: -

$('#colorPicker').colorpicker();
Run Code Online (Sandbox Code Playgroud)

这是jsp中的代码.

<div id='colorPicker'>
 <input type='text' value='#ea0437' class='form-control'/>
 <span class='input-group-addon'></span>
</div>
Run Code Online (Sandbox Code Playgroud)

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

<input type='text' value='#ea0437' class='form-control'/>
Run Code Online (Sandbox Code Playgroud)

如何在构造函数中提供此颜色?文档说有一个颜色选项,但没有给出演示.我怎样才能提供最初的颜色?像这样的东西:

$('#colorPicker').colorpicker({
color : '#ea0437'
})
Run Code Online (Sandbox Code Playgroud)

有什么建议吗?提前致谢.

and*_*doe 10

经过几天的尝试,我让我的工作.看来onchange事件已附加到colorpicker输入字段,但在通过脚本设置值后不会被触发.因此你必须手动启动它,如下所示:

$("#inputcolor").val("#bbccff");
$("#inputcolor").trigger('change');
Run Code Online (Sandbox Code Playgroud)

  • 我花了将近 3 个小时试图让它发挥作用。非常感谢您的提示! (2认同)