Javascript 光谱颜色选择器未在展开模式下设置颜色和alpha值

Javascript 光谱颜色选择器未在展开模式下设置颜色和alpha值,javascript,jquery,jquery-plugins,color-picker,color-palette,Javascript,Jquery,Jquery Plugins,Color Picker,Color Palette,我使用的是spectrum color picker jquery插件,我尝试将颜色和alpha值设置为插件,但默认情况下,当颜色选择器打开且未在滚轮中选择颜色和alpha时,它会选择左角颜色 $container.find('#color-palette').spectrum({ color: 'rgba(136, 171, 145, 0.5)', flat: true, showInput: false, showAlpha: true, showSe

我使用的是spectrum color picker 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值传递了颜色值,但它没有在颜色选择器中设置传递的值

如果有任何建议,请回复

谢谢,
Gopi

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

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

$container.spectrum("reflow");

上面这一行的位置取决于容器的初始化位置和初始化时的状态,但请尝试将其放置在颜色选择器可见且已计算其高度和宽度的位置