Как получить шестнадцатеричный код напрямую из jscolor?

Я пытаюсь создать приложение на основе холста с палитрой цветов с помощью jscolor.
Вот что я сделал:

  1. Включил файл jscolor.js

  2. Создал кнопку с class="jscolor"

Код для кнопки:

<button id="strokeCol" class="jscolor {valueElement:'color_value'}" onchange="config.changeStrokeCol(this.jscolor)">
   Stroke Color
</button> 

Когда я выбираю цвет из палитры, я вижу, как цвет фона кнопки меняется в инструменте разработчика, но в значении RGB. Где-то читал, что я могу просто получить HEX, указав $('element').val(), но в моем случае это просто дает мне "" (пусто).

HTML также не имеет атрибута value, активируемого кликом, не говоря уже об обновлении. Примеры только показывают, что я могу указать значение по умолчанию (которое также не может быть обновлено).

Я ничего не пропустил? Или jscolor был обновлен, чтобы отображать только значение RGB через цвет фона?

Единственный обходной путь, который я могу придумать, - разрешить отображение HEX-кода внутри кнопки, а затем использовать .html() для получения значения, но это кажется таким ненужным.


person King    schedule 28.05.2018    source источник
comment
Вот код кнопки: ‹button id=strokeCol class=jscolor {valueElement:'color_value'} onchange=config.changeStrokeCol(this.jscolor)›Stroke Color‹/button›   -  person King    schedule 28.05.2018


Ответы (1)


Проблема решена, когда класс вставлен в тег <input>. Странный!

person King    schedule 29.05.2018