光谱颜色选择器未在平面模式下设置颜色和 alpha 值

Question

我正在使用光谱颜色选择器 jquery 插件，我正在尝试为插件设置颜色和 alpha 值，但默认情况下，当颜色选择器打开并且不选择滚轮中的颜色和 alpha 时，默认情况下它选择左角颜色。

$container.find('#color-palette').spectrum({
    color: 'rgba(136, 171, 145, 0.5)',
    flat: true,
    showInput: false,
    showAlpha: true,
    showSelectionPalette: false,
    showButtons: false,
    showInput: true
});

在上面的例子中，我传递了带有 alpha 值的颜色值，但它没有在颜色选择器中设置传递的值。

如果有任何建议，请回复。

谢谢， 戈皮

Answer 1

所以我最近遇到了完全相同的问题。我发现颜色选择器的计算是在颜色选择器在屏幕上可见之前完成的，这意味着选择器的高度和宽度没有设置，这导致它默认为左上角。如果您的颜色选择器在初始化或设置颜色时处于隐藏状态、动画状态或不可见状态，则会发生此错误。

解决方案是告诉颜色选择器在可见后进行回流。这是命令：

$container.spectrum("reflow");

Here's the documentation for it.

上述行的放置位置取决于容器的初始化位置以及初始化时的状态，但请尝试将其放置在您确定颜色选择器可见且具有高度和宽度的位置已经计算过了。