jQueryのアニメーションは一つの要素では動作しません

Question

私は選択ボックスでオプションをクリックしていたときに実行される次のjQueryコードを持っています：

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

このコードは、三つの入力は、それらを無効にし、#name、#accountと#kidをフィールドかかり、背景色を変更して白に背景色をフェード。私は私が色をフェードすることができますjQueryの色のプラグインを使用しています。

問題は、サイトが新鮮にロードされたときということ、である、と私は、それは、すべての3つのフィールドを無効にし、背景色を変更しますが、最初の要素の#nameがに背景色をフェードしませんの選択選択したオプションを変更しています白い。 2次だけます。

しかし、私は再び選択ボックスのオプションを変更しようとした場合、それは完璧に動作し、毎回！だから、問題は、ページのリロード後の最初の時間に発生しています。誰が前に同じことを経験した？

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