jQuery的動畫不會一個元素上運行

Question

我有，當我點擊一個選擇框的選項運行下面的jQuery代碼：

$('#name, #account, #kid') 
    .attr('disabled', 'disabled') 
    .css('background-color', '#ffffcc') 
    .animate({ backgroundColor:'#ffffff' }, 1000); 

這個代碼利用三個輸入字段#name，#account和#kid，禁用它們，更改背景顏色，然後將背景顏色淡化爲白色。我使用jQuery Color插件，它允許我淡入淡出顏色。

問題是，當一個網站剛剛加載，並且我正在更改選擇的選定選項時，它會禁用所有三個字段，更改背景色，但第一個元素#name不會褪色背景色變白。只有以下兩個。

但是，如果我嘗試再次更改選擇框選項，它每次都能完美地工作！所以問題只發生在頁面重新加載後的第一次。其他人以前也經歷過這種情況嗎？

這裏是jQuery的，在它的整體：

$('#receiver').change(function(){ 

    var selected = $(this).children('option:selected').val(); 

    if (selected == 'new') 
    { 
     $('#name, #account, #kid').val('').attr('disabled', ''); 
    } 
    else 
    { 
     $.getJSON("<?php echo site_url('ajax/get_receivers') ?>", 
     function(data){ 
      $.each(data, function(i, data){ 
       if (data.id == selected) 
       { 
        $('#name').val(data.name); 
        $('#account').val(data.account); 
        $('#kid').val(data.kid); 

        $('#name, #account, #kid') 
         .attr('disabled', 'disabled') 
         .css('background-color', '#ffffcc') 
         .animate({ backgroundColor:'#ffffff' }, 1000); 
       } 
      }); 
     }); 
    } 

}); 

#receiver是選擇框。

Answer 1

與AJAX/JSON請求都WFM

http://jsbin.com/egani - >與jQuery UI

http://jsbin.com/ekura/ - >與舊的jQuery插件的顏色（2年+）