JQuery: настройка градиента CSS не работает

0

ПРИМЕР

Я пытаюсь установить фон элемента в градиент, но он не устанавливается. Он добавляет style="" для разметки и работает, когда я помещаю код непосредственно в firebug (я использую Firefox). Любая идея, почему он не работает или как я могу заставить его работать?

$('main > article').each(function (index) {
    var bg = $(this).css('background-color');
    var nextbg = $(this).next().css('background-color');
    if ($(this).next().length && nextbg != bg) {
        $(this).css('background', 'linear-gradient(to bottom, ' + bg + ' 0%, ' + nextbg + ' 100%);');
        console.log('linear-gradient(to bottom, ' + bg + ' 0%, ' + nextbg + ' 100%);');
        console.log('------------');
    }
});
Теги вопроса:
gradient
linear-gradients

1 ответ

4
Лучший ответ

Просто удалите ";" в конце вашего css

('main > article').each(function (index) {
    var bg = $(this).css('background-color');
    var nextbg = $(this).next().css('background-color');
    if ($(this).next().length && nextbg != bg) {
        $(this).css('background', 'linear-gradient(to bottom, ' + bg + ' 0%, ' + nextbg + ' 100%)');
        console.log('linear-gradient(to bottom, ' + bg + ' 0%, ' + nextbg + ' 100%);');
        console.log('------------');
    }
});
Ответ дал
Источник
  • 0
    лицевая сторона - спасибо! Знал, что это должно быть что-то глупое! XD – 
Сообщество Overcoder
Наверх
Меню