¿Cómo puedo configurar mi color de fondo a través de HTML5 getItem?
-
27-09-2019 - |
Pregunta
Im usando este código:
$(this).css('backgroundcolor', localStorage.getItem('bgColorr') + " !important;");
Cuando escribo:
alert( localStorage.getItem('bgColorr') + " !important;");
Me da la alerta apropiada, RGB (243,102,42) importante!; ....
realmente llegar a mí .. gracias chicos!
editar
Código Rodeando:
$(function() {
$(this).css('background-color', localStorage.getItem('bgColorr'));
});
var colorOptions = '#000, #fff, #abf7ae, #f6cbe9, #53c68f, #53c1c6, #538dc6, #c6536b'.split(', '),
colorDivs = [],
colorsContainer = $('#colorsContainer');
for ( var i = 0, len = colorOptions.length; i < len; i++ ) {
var div = $('<div />').css('background', colorOptions[i])[0];
colorDivs.push(div);
}
colorsContainer.append(colorDivs);
$('#header').hover(function() {
colorsContainer
.fadeIn(200)
.children('div')
.click(function() {
$('body').css('background', $(this).css('backgroundColor'));
localStorage.setItem('bgColorr', $(this).css('backgroundColor'));
});
}, function() {
colorsContainer.fadeOut(200);
});
Hay que ir, gracias chicos
Solución
- Uso
'background-color'
en lugar de'backgroundcolor'
. - Eliminar el
!important
. No se puede establecer esta propiedad de Javascript. - No se debe poner el punto y coma al final del valor.
Actualización:
Además de lo anterior, parece que this
no es un elemento HTML. Es necesario utilizar un selector adecuado aquí, por ejemplo, $('#someid')
para seleccionar el elemento con id='someid'
. Si desea cambiar el fondo corporal, el uso $('body')
.
En resumen, se debe quedar con:
$('body').css('background-color', localStorage.getItem('bgColorr'));
Otros consejos
Su problema no está en getItem ni nada, pero la capitalización de su nombre de la propiedad CSS. Es de fondo C olor, no backgroundColor.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow