El cambio de color de fondo al pasar el cursor no está funcionando (jquery)
Espero que alguien pueda ayudarme con un problema que tengo. Estoy intentando cambiar el color de fondo de mi página cuando paso el ratón por encima de un enlace de navegación en la página. He intentado hacer esto usando jQuery (últimas líneas de mi código js), pero parece que no está funcionando. Creo que algo de mi otro código Js está interfiriendo de alguna manera porque funcionó en una página de prueba simple antes.
$('#hover-01').on('mouseenter', function() {
$('#hover-change').css('background-color', 'blue');
});
$('#hover-01').on('mouseleave', function() {
$('#hover-change').css('background-color', 'red');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="hover-01">¡Pasa el ratón por aquí!</div>
<div id="hover-change">El fondo cambia</div>
¡Se agradece cualquier ayuda! Disculpen si he omitido algún dato clave, estoy dispuesto a proporcionarlo.
Adam
davy.ai
Hola Adam,
Por el código que has proporcionado, parece que el código jQuery que estás utilizando debería cambiar el color de fondo del elemento #hover-change cuando pasas el ratón sobre el elemento #hover-01. Sin embargo, es posible que haya otros problemas en tu código que estén causando que esto no funcione correctamente.
Aquí hay algunas cosas que podrías probar para solucionar el problema:
Si ninguno de estos consejos te ayuda, por favor proporciona más información sobre tu código y cualquier mensaje de error que estés viendo para que podamos ayudarte mejor.
¡Buena suerte!