Как я могу установить цвет фона через HTML5 GetITem?
-
27-09-2019 - |
Вопрос
Я использую этот код:
$(this).css('backgroundcolor', localStorage.getItem('bgColorr') + " !important;");
Когда я пишу:
alert( localStorage.getItem('bgColorr') + " !important;");
Это дает мне правильное предупреждение, RGB (243,102,42)! Важно; ....
Действительно добраться до меня. Спасибо, ребята!
редактировать:
Окружающий код:
$(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);
});
Там вы идете, спасибо, ребята
Решение
- Использовать
'background-color'
вместо'backgroundcolor'
. - Удалить
!important
. Отказ Вы не можете установить это свойство от JavaScript. - Вы не должны ставить запястья в конце стоимости.
Обновлять:
В дополнение к вышесказанному, кажется, что this
не является HTML-элементом. Вы должны использовать правильный селектор здесь, например $('#someid')
выбрать элемент с id='someid'
. Отказ Если вы хотите изменить фоном тела, используйте $('body')
.
Подводя итоги, вы должны быть оставлены с:
$('body').css('background-color', localStorage.getItem('bgColorr'));
Другие советы
Ваша проблема не в GetItem или что-либо что-либо, а капитализация имени свойства CSS. Это фонСлияниеОЛОР, не фонColor.
Не связан с StackOverflow