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年+）