jQuery를 애니메이션은 하나 개의 요소에서 실행되지 않습니다

Question

내가 선택 상자에서 옵션을 클릭하고있을 때 실행되는 다음과 같은 jQuery 코드가 있습니다

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

이 코드는 3 개 개의 입력 필드를 걸립니다 #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

아약스/JSON 요청과 모두 WFM

http://jsbin.com/egani -> jQuery를 UI와

http://jsbin.com/ekura/ -> 기존의 jQuery 컬러 플러그인 (이년 +)