jquery - jQuery在更改时动态更改颜色/背景颜色

Question

我无法让以下代码工作。知道为什么吗？

值是正确的。我可以使用 alert(field) 测试它们，但背景渐变不起作用。我不知道为什么。

            var myOptions = {
                change: function(event, ui){
                    button_text_color = $('#button_text_color').val();
                    button_border_color = $('#button_border_color').val();
                    button_bg_color = $('#button_bg_color').val();
                    button_bg_color2 = $('#button_bg_color2').val();
                    div_preview = $('.ajax-live-preview-custom');
                    div_preview.find('.wp-superlike-button').css({
                        'color': button_text_color,
                        'borderColor' : button_border_color,
                        'backgroundColor': button_bg_color,
                        'backgroundImage': '-webkit-gradient(linear, 0% 0%, 0% 100%, from(' + button_bg_color + '), to(' + button_bg_color2 + '))',
                        'backgroundImage': '-webkit-linear-gradient(top, ' + button_bg_color + ', ' + button_bg_color2 + ')', 
                        'backgroundImage': '-moz-linear-gradient(top, ' + button_bg_color + ', ' + button_bg_color2 + ')', 
                        'backgroundImage': '-ms-linear-gradient(top, ' + button_bg_color + ', ' + button_bg_color2 + ')', 
                        'backgroundImage': '-o-linear-gradient(top, ' + button_bg_color + ', ' + button_bg_color2 + ')'
                    });
                }
            };
            $('.my-color-field').wpColorPicker(myOptions);

Answer 1

我认为问题是这样的：

'backgroundImage':

改成：

'background':

在这里找到： http: //css-tricks.com/examples/CSS3Gradient/