Начальное значение цвета цветной печати Bootstrap

Question

Я использую bootstrap colorpicker, но мое требование заключается в том, чтобы поменять цвет по умолчанию по-разному при изменении выпадающего списка выбора.

Я использую ниже конструктор: -

$('#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 было привязано к полю ввода colorpicker, но не запускается, после установки значения через скрипт. Поэтому у вас необходимо запустить его вручную, например:

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

Answer 2

Он работал для меня с этим кодом:

$('#colorPicker').colorpicker(document.getElementById('inputcolor'),'#ea0437'); 

Я просто дал на вход идентификатор «inputcolor», а затем получить его с getElementById.

EDIT:

Как насчет присвоения значения на входе при загрузке документа полностью, а затем ColorPicker забрать его, так что это будет, как цвет по умолчанию.

Вот новый код:

$(document).ready(function(){ 
    $('#inputcolor').val('#ccc'); 
}); 
    $('#colorPicker').colorpicker(); 

Там так много проблем с этой библиотекой, вы можете взглянуть на проблемы в их github.

Вот новый Fiddle

Answer 3

Используйте оба эти метода вместе. Она будет работать

$('#inputcolor').colorpicker({color : "Your_color"}) 
` $('#inputcolor').colorpicker('setValue', "Your_color")