jQuery не устанавливает свойство CSS

Question

jQuery не устанавливает свойство CSS

0

var shadeAmount = 161 / $('.header').length;
        $('.header').each(function (i, e) {
            var shade = i * shadeAmount;
            var color = 'rgb(' + shade + ',' + shade + ',' + shade + ')';
            $(this).css({"background-color": color});
        });

Я не могу получить вышеуказанный код, чтобы установить свойство background-color каждого заголовка. Если я изменю код на это:

$(this).css({"background-color": "rgb(1,1,1)"});

Оно работает. Так что же неправильно с тем, как я объявляю цвет?

Archer 12 нояб. 2013, в 18:10

Источник

0

ты можешь показать скрипку?
Hiral 12 нояб. 2013, в 17:02
0

Почему существует нечетное число " в $(this).css({"background-color": "rgb(1,1,1)}); ?
CAPS LOCK 12 нояб. 2013, в 17:03
0

console.log(color);
Johnny5 12 нояб. 2013, в 17:11

Показать ещё 1 комментарий

Теги:

jquery

html

css

styling

2 ответа

0

var shadeAmount = 161 / $('.header').length;
$('.header').each(function (i, e) {

    var shade = ++i * shadeAmount;

    var color = 'rgb(' + shade + ',' + shade + ',' + shade + ')';

    console.log(color);

    $(this).css({
        "background-color": color
    });
});

скрипка: http://jsfiddle.net/2mUH2/

Francis 12 нояб. 2013, в 15:07

1

И все же, как нам сказали , это та часть, которая «работает». :)
David Thomas 12 нояб. 2013, в 17:06

Ещё вопросы

Почему существует нечетное число " в $(this).css({"background-color": "rgb(1,1,1)}); ?
И все же, как нам сказали , это та часть, которая «работает». :)

Archer · Accepted Answer · 2013-11-12T15-45-00.000Z

Попробуй это...

var count = $(".header").length;
if (count) {
    var shadeAmount = parseInt(161 / count, 10);
    $('.header').each(function (i, e) {
        var shade = i * shadeAmount;
        var color = 'rgb(' + shade + ',' + shade + ',' + shade + ')';
        $(this).css({"background-color": color});
    });
}

Я просто дезинфицировал его, завернув вычисление shadeAmount в parseInt, чтобы убедиться, что вы не shadeAmount float в значение rgb.

Я также добавил, что есть элементы с классом заголовка, так как ваш код не удастся, если вы запустили его на странице, где их не было.

Ах, я думаю, что вы взломали это! Я разбираю поплавки в RGB, так как это подразделение. Большое спасибо. Я попробую это сейчас.
+1 добавил закрывающую кавычку в $(".header") .
Спасибо @iambriansreed - я просто заметил, как вы меняли его :)