Question

我正在使用此代码：

$(this).css('backgroundcolor', localStorage.getItem('bgColorr') + " !important;");

我写的时候：

alert( localStorage.getItem('bgColorr') + " !important;");

它给了我适当的警报，rgb（243,102,42）！important; ....

真的来找我..谢谢你们！

编辑：

周围代码：

$(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);
});

你去，谢谢你们

Answer 1

使用'background-color'代替'backgroundcolor'。
删除!important。您无法从Javascript设置此属性。
您不应将分号放在值的末尾。

更新

除上述内容外，this似乎不是HTML元素。你需要在这里使用适当的选择器，例如$('#someid')选择id='someid'的元素。如果要更改正文背景，请使用$('body')。

总结一下，你应该留下：

$('body').css('background-color', localStorage.getItem('bgColorr'));

Answer 2

您的问题不在getItem或任何内容中，而是CSS属性名称的大小写。它的背景是 C olor，而不是backgroundcolor。

如何通过HTML5 getItem设置背景颜色？

2 个答案: