Wie kann ich meine Hintergrundfarbe durch HTML5 getItem gesetzt?

Question

Im diesem Code:

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

Wenn ich schreibe:

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

Es gibt mir den richtigen Alarm, rgb (243,102,42) wichtig!; ....

Wirklich immer zu mir .. Danke Jungs!

edit:

Umgebung Code:

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

Dort gehen Sie, Danke Jungs

Answer 1

• Verwenden Sie 'background-color' statt 'backgroundcolor'.
• Entfernen Sie die !important. Sie können diese Eigenschaft von Javascript nicht festgelegt.
• Sie sollten nicht das Semikolon am Ende des Wertes setzen.

---

Update:

Zusätzlich zu den oben genannten, scheint es, dass this ist kein HTML-Element. Sie müssen hier einen richtigen Selektor verwenden, z.B. $('#someid') das Element mit id='someid' auszuwählen. Wenn Sie den Körper Hintergrund ändern, verwenden $('body').

Um es zusammenzufassen, sollten Sie gelassen mit:

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

Answer 2

Ihr Problem ist nicht in getItem oder so, aber die Aktivierung von CSS-Eigenschaftsnamen. Es ist Hintergrund C olor, nicht Hintergrundfarbe.