JQuery：设置CSS渐变并不起作用

Question

EXAMPLE

我正在尝试将元素的背景设置为渐变，但它不是设置。它将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('------------');
    }
});

Answer 1

只需删除＆＃34;;＆＃34;在你的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('------------');
    }
});