私の 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などの入力を手動で変更すると、変更機能がうまく機能します。
私を助けてくれる人はいますか?
ありがとう!