javascript - wp颜色选择器 : How update colors on input value update?

Question

设置:

• 附加了 wpColorPicker 实例的输入字段。
• 更改输入值颜色的外部事件。

问题:

• 值更改时，颜色选择器显示的颜色不会自动更新，用户打开颜色选择器对话框时的选择也不会自动更新。

• wpColorPicker 既没有 remove、destroy 也没有 update 方法，因此有没有简单的方法可以做到这一点。

• 最后，他们将输入字段包装在一堆其他标签中以进行样式设置，因此无法进行简单的手动删除。

问题:

• 当用户根据字段值更改发起交互时，如何更新小部件上的颜色及其选择？

Answer 1

我能够通过查看内部 .iris() 并检查它是否有一个 .('color') 方法来解决这个问题，该方法允许设置运行时的颜色。

幸运的是，.wpColorPicker()也支持这个.('color')方法，所以我们可以这样做:

var new_color = $the_related_field.val();
$the_colorpicker.wpColorpicker('color', new_color);

克服没有 update() 方法的烦恼。