javascript - 显示 : none container 的 SpectrumJS、拖动器和 slider 位置问题

Question

我需要在具有属性“display: none”的 div 中使用 SpectrumJS，但是当我删除该属性以使 div 可见时，拖动器和 slider 的位置与颜色集不对应。如果在容器 div 中未设置“显示”属性，则一切正常。

帮助!

Answer 1

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

<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/