입력 변경시 Jquery 자동 저장

Question

CMS (Wordpress) 시스템에서 colorpicker를 사용합니다.

<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 

스크립트 코드에서 자동 저장 옵션을 사용합니다. 입력 필드를 클릭하면 colorpicker가있는 팝업이 표시됩니다. 문제는이 스크립트를 자동 저장하는 데 필요한 기능입니다. 내가 사용하는 경우 : 변경 기능은 ColorPicker를 작동하지 않습니다

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

, 내가 입력에서이기 때문에. 입력을 예를 들어 FFF로 변경하면 변경 기능이 잘 작동합니다.

도와 줄 사람이 있습니까?

감사합니다.

Answer 1

선택한 색상을 텍스트 필드에 다시 설정하려는 색상 선택 도구에서 콜백을 사용해야합니다. 이 함수를 콜백의 일부로 호출하면 문제가 해결됩니다.