显示时的SpectrumJS、拖拽和滑块位置问题:无容器

Question

我需要在具有"display: none“属性的div中使用SpectrumJS，但是当我删除该属性以使div可见时，拖拽工具和滑块的位置与颜色集不对应。如果在容器div中没有设置"display“属性，一切都会正常工作。

帮助!

Answer 1

根据您对插件的使用情况，您可以在显示#flat2 2之后重新初始化它。

<div>
    <input type='text' id="flat" />
</div>
<div style="display: none" id="container">
    <input type='text' id="flat2" />
</div>
<input type="button" value="show div" onclick="$('#container').css('display', 'inline');$('#flat2').spectrum({
    flat: true,
    showInput: true,
    color: '#00aeef'
});"/>

添加:或尝试初始化然后隐藏：http://jsfiddle.net/neildaemond/jz37hLre/4/