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

Question

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

$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 .

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