Wie kann ich meine Hintergrundfarbe durch HTML5 getItem gesetzt?
-
27-09-2019 - |
Frage
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
Lösung
- 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'));
Andere Tipps
Ihr Problem ist nicht in getItem oder so, aber die Aktivierung von CSS-Eigenschaftsnamen. Es ist Hintergrund C olor, nicht Hintergrundfarbe.
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow