2010-11-22 8 views
0

を投稿するために、私は次のコードを持っている。国は、ボックス(#国リスト)ダウン私のドロップから選択されたときしたがって、基本的には、私の中のTDSのすべてをコールバック機能のjQueryは

$('#country-list').change(function() { 
    country = $('#country-list').val(); 

    $('td').fadeOut("slow", function() { 
     $.post("/gsm/findtariff/country:"+country+"/", 
     function(data){ 
      $('#incoming').html(data.incoming); 
      $('#national').html(data.national); 
      $('#callsToUk').html(data.toUk); 
      $('#international').html(data.otherInternational); 
      $('#sms').html(data.sms); 
     }, "json"); 
     $('td').fadeIn(); 
    }); 
}); 

をフェードアウトする必要があり返品された投稿データで値を変更し、再度それらをフェードインします。しかし、私の現在のコードでは、値が変更される前にtdがフェードアウトしています。すべてのデータが設定されたら、fadeIn()関数を実行させるにはどうすればよいですか?

おかげ

答えて

3

あなたは、コールバック関数内$('td').fadeIn();

$('td').fadeOut("slow", function() { 
     $.post("/gsm/findtariff/country:"+country+"/", 
     function(data){ 
      $('#incoming').html(data.incoming); 
      $('#national').html(data.national); 
      $('#callsToUk').html(data.toUk); 
      $('#international').html(data.otherInternational); 
      $('#sms').html(data.sms); 
      $('td').fadeIn(); 
     }, "json"); 
    }); 
+0

ああ、申し訳ありませんが、私はそれをやってみましたが、値が設定される前にtdがまだ色あせていないことに言及すべきでした。 – geoffs3310

+0

try $( 'td')。fadeIn( "slow");または、setTimeout( "$( 'td')。fadeIn( 'slow');"、2000)を使用できます。 // 2秒後 –

0
を持っている必要があり fadeInコールを1行上に移動します

関連する問題