Question

在我的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

在脚本代码中，我将使用自动保存选项。当我点击输入字段时，我将获得一个带有颜色选择器的弹出窗口。问题是我需要什么功能来自动保存这个脚本。当我使用时：

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

更改功能不适用于颜色选择器，因为我没有输入。当我手动更改输入（例如FFF）时，更改功能运行良好。

有人帮我吗？

谢谢！

Answer 1

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

输入更改时Jquery自动保存

1 个答案: