Spectrum.js / css颜色选择器需要从托盘中选择颜色，然后才能从选择器中选择颜色

Question

我实际上是在多个页面上使用此选择器，但是我遇到的问题是，除非首先使用色板进行更改，否则不会从选择器触发我的更改事件。

新近加载的页面：

打开选择器，从托盘中选择一种颜色->更改触发的颜色

或

打开选择器，从选择器区域中选择一种颜色->选择器窗口中的颜色发生更改，但未触发更改（通过单击按钮或在对话框外部）。

如果从托盘中进行选择后，我重新打开对话框，可以从选择器窗口中进行选择，它将触发更改fn（每次刷新页面之前）

这是一个非常复杂的页面，如果我在这里遗漏了关键元素，请告诉我：

> <div class="form-group" id="t1">
>     <label for="groupColor">Group Color (for charts)</label><br />
>     <input type="text" thistab="g1-tab" class="form-control changeMe" id="groupColor" /> </div>
> 
> 
> <link href="~/Content/multi-select.css" media="screen"
> rel="stylesheet" type="text/css"> <link rel='stylesheet'
> href='~/App_Plugins/ColorPickerU8/lib/spectrum/spectrum.css' />
> <script src="~/Scripts/jquery.multi-select.js"
> type="text/javascript"></script> <script src="~/Scripts/bootstrap.js"
> type="text/javascript"></script> <script
> src='~/App_Plugins/ColorPickerU8/lib/spectrum/spectrum.js'></script>
> 
> $('.changeMe').change(function () {
>     some code here... });
> 
> function colors(){
>     $("#groupColor").spectrum({
>             color: group1DColor,
>             showPalette: true,
>             palette: [
>                 ['#093145', '#107896', '#829356'], ['#BCA136', '#C2571A', '#9A2617'], ['#561B8D', 
>                  '#803224', '#808080']
>             ]
>         }); }

我需要“初始化”频谱还是？预先感谢！