كيف يمكنني ضبط لون خلفيتي من خلال 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 الخاصة بك. إنها خلفيةجأولور ، وليس الخلفية.
لا تنتمي إلى StackOverflow