光谱颜色选择器未在平面模式下设置颜色和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

所以我最近遇到了完全相同的问题。我发现颜色选择器的计算是在颜色选择器在屏幕上可见之前进行的，这意味着选择器的高度和宽度没有设置，这导致它默认位于左上角。如果你的颜色选择器是隐藏的，是动画的，或者在初始化或设置颜色时不可见，就会发生这个bug。

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

$container.spectrum("reflow");

Here's the documentation for it。

你把上面这行放在哪里取决于你的容器在哪里被初始化，以及当你这样做的时候它处于什么状态，但是试着把它放在你确信颜色选择器可见的地方，并且已经计算了它的高度和宽度。