Я реализовал палитру цветов Spectrum, она работает отлично, за исключением опции showInput, которая делает ввод текста не редактируемым, его даже нельзя выбрать, он даже не фокусируется на самом себе.Если я выберу цвет, однако, шестнадцатеричное значение появится на входе, так что он работает на полпути.Но я не могу выбрать его, чтобы вручную установить шестнадцатеричное значение, которое я хочу иметь.
Это код Jquery:
$("#divPickerColor").spectrum({
showInput : true ,
preferredFormat: "hex",
showButtons: false,
allowEmpty:true
});
это HTML-код:
<script id="configurazioni-inserimento-modifica-stato-avanzamento" type="text/template">
<div>
<form id="formAddStatoAvanzamento" role="form" action="/" method="POST"
data-parsley-validate>
<div class="form-group">
<div class="row">
<div id="colorazione" class="col-lg-12">
<input type="text" id="divPickerColor" />
</div>
</div>
</div>
</form>
</div>
</script>
Этот скрипт вызывается функцией для отображения его в модальном режиме.
Тур сложный, и я не могу опубликовать весь код для вас, я пытался поместить в него основные узлы,Что я могу сказать дальше, так это то, что я посмотрел на свойства CSS ввода, у него нет отключающих свойств.Я также пытался принудительно поместить их с помощью JQuery в консоль, но ничего не изменилось.Ввод, сгенерированный Spectrum, недоступен для редактирования и не фокусируется на себе.
Я добавляю, что я пробовал тот же код на html-странице вне моего приложения, все работает отлично.Я думаю, что это связано с тем, что эта часть HTML включена в сценарий.Кто-нибудь знает почему и как это исправить?