Javascript 输入更改时Jquery自动保存

在我的CMS（Wordpress）系统中，我将使用颜色选择器

<tr valign="top">  
  <th scope="row"><?php esc_html_e('Omlijning', 'webthesign'); ?></th> 
  <td valign="middle">
    <input type="text" id="headerBorderColor1" style="background-color: #<?php echo get_option('we_header_border_color'); ?>" maxlength="6" size="8" value="<?php echo strtoupper(get_option('we_header_border_color')); ?>" name="update_headerBorderColor" />
  </td>
</tr>                          

<script>
 $(document).ready(function(){

   $('input[name=update_headerBorderColor]').change(function () { 

     var statusVal = $(this).val();
     $.ajax({ type: "POST",
              url: "<?php echo $autosave_link; ?>",
              data: "update_headerBorderColor=" + statusVal,
              success: function({

                $('.success_update_headerBorderColor').fadeIn(200).delay(1000).fadeOut(500);} 

            })
    });
  });
</script

change函数不适用于colorpicker，因为我没有输入。当我手动更改输入时，例如FFF，则更改功能工作正常

有人帮我吗

---

谢谢

您必须在颜色选择器上使用回调，将所选颜色设置回文本字段。调用此函数作为回调的一部分，它应该可以解决问题。

选择器是否没有任何事件可以挂接到？您正在使用的colorpicker插件应该在拾取颜色时显示一个事件（通过手动输入或在弹出窗口中单击）。例如，如果您正在使用，您会将一个

commitCallback

传递给初始的

colorpocker

函数。我正在使用这个：它是否有回调函数，我找不到。您能给我一个例子吗。这是在colorpicker函数中，还是在我上面发布的脚本中？

$('input[name=update_headerBorderColor]').change(function () {