spectrum.js палитра не отображается должным образом в пользовательском интерфейсе

#jquery #angularjs #spectrumjs

Вопрос:

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

 <input id="color">
<button ng-click="displayColorPicker()">Apply Spectrum </button>
 
// Angular js code
function displayColorPicker() {
  $('#color').spectrum({  // It successfully loaded but UI is broken
    showPalette: true,
    palette: [
      ['black', 'white', 'blanchedalmond'],
      ['rgb(255, 128, 0);', 'hsv 100 70 50', 'lightyellow']
    ]
  });
 

}

Ниже приведены сведения о версии

  1. Jquery: 3.5.0
  2. Спектр : 1.8.0

введите описание изображения здесь

Ответ №1:

Я столкнулся с той же проблемой. Похоже, репо не поддерживается для слияния в запросах на вытягивание.

Обходной путь состоит в том, чтобы иметь массив массивов, содержащих один цвет. По сути, только один столбец цветов. Подобный этому:

palette: [['white'],['black'],['blue']]