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/