سؤال

أنا أستخدم هذا الرمز:

$(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 الخاصة بك. إنها خلفيةجأولور ، وليس الخلفية.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top