Utilisation de jQuery en essayant de changer la couleur de fond de la zone de texte mais ne pas travailler dans wordpress

Question

Voici le code jQuery que j'utilise.

<input class="jscolor" name="jscolor" value="F078A0" /> 
<input name="my_txtbox" type="text" id="my_txtbox_id" value="F078A0" /> 

<script type="text/javascript"> 
jQuery('.jscolor').on('change', function($) { 
    var color = jQuery('.jscolor').val(); 
    jQuery('#my_txtbox_id').text(color); 
    jQuery('#my_txtbox_id').attr('value',color); 
    jQuery('#my_txtbox_id').css('background-color',color); 
}); 
</script> 

je mets dans mon fichier de fonction plug-in #my_txtbox_id obtenir la valeur de couleur, mais background-color CSS ne fonctionne pas.

Comment résoudre ce problème?

Answer 1

Le code couleur doit être précédé d'un # pour CSS.

changement

jQuery('#my_txtbox_id').css('background-color',color); 

Pour

jQuery('#my_txtbox_id').css('background-color', '#' + color); 

Edit: Vous pouvez optimiser le code comme ceci:

jQuery(document).ready(function ($) { 
    $('.jscolor').on('change', function (e) { 
     var color = $(this).val(); 
     $('#my_txtbox_id').val(color).css('background-color', '#' + color); 
    }); 
});