因此，我正在编写一个Wordpress插件，该插件使用ajax对php表单的更改生成实时预览。一切都很好，但jQuery的一个小问题并不完全正确。

通常，当您在字段中添加任何文本，然后按Enter键或单击其他字段时，js中的a函数将运行以更新实时预览。例如：

$(\'#tst-bg_color\').on(\'change.ChangeField\', function(){--update preview function here--\'});

然而，我只是将一个文本字段更改为Wordpress颜色选择器。我的php表单上的字段现在如下所示：

<input type="button" name="tst-bg_color[color]" value="" id="tst-bg_color" />

因此，毫不奇怪，这与jQuery中其他字段的工作方式相同，这意味着当您单击另一个字段时，它最终会在上面的jQuery中运行“update\\u preview”功能。但是，我希望它在每次选择新颜色时运行“更新预览”功能，而无需用户单击其他字段来更新预览。

我尝试了以下方法，但均无效：

$(\'#tst-bg_color\').on(\'click.ChangeField\', function(){--update preview function here--\'});

以及

$(\'#tst-bg_color\').on(\'mouseup.ChangeField\', function(){--update preview function here--\'});

我不知道还有什么可以让它立即触发。有什么想法吗？

  $(\'yourColorpickerselector\').wpColorPicker({
                        change: function(event, ui) {
                            var form = $(this).closest(\'form\')
                            form .trigger(\'change\')
                        }
                    });