次のコードを動作させることができません。理由はありますか？
値は正しいです。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);